:root{--bg:#080808;--ink:#f1f1ed;--muted:#8f8f89;--dim:#555650;--line:rgba(241,241,237,.22);--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans)}body{cursor:default}a{color:inherit;text-decoration:none}button{font:inherit}#space{position:fixed;inset:0;width:100%;height:100%;z-index:0;background:#080808}.dust{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.18;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 76% 70%,rgba(255,255,255,.14) 0 1px,transparent 2px);background-size:290px 240px,410px 330px;mix-blend-mode:screen}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:28px 32px;font:400 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.signature{display:flex;gap:12px;align-items:center}.signature-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--ink);font-size:9px;letter-spacing:-.08em}.header-meta{color:var(--muted)}#flight{position:fixed;inset:0;z-index:5}.scene{position:absolute;inset:0;padding:clamp(120px,15vh,190px) 9vw 70px;opacity:0;visibility:hidden;transform:translate3d(0,9vh,0) scale(.97);transition:opacity .9s ease,transform 1.15s cubic-bezier(.2,.75,.2,1),visibility 0s linear 1s;overflow:hidden}.scene.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.scene.is-leaving{opacity:0;transform:translate3d(0,-11vh,0) scale(1.03);visibility:hidden}.scene-label{position:absolute;left:32px;bottom:31px;color:var(--muted);font:400 10px var(--mono);letter-spacing:.2em}.scene-label span{color:var(--ink);margin-left:7px}.scene-index{position:absolute;right:32px;bottom:31px;color:var(--muted);font:400 10px var(--mono);letter-spacing:.2em}.eyebrow{margin:0 0 28px;color:var(--muted);font:400 10px var(--mono);letter-spacing:.24em;text-transform:uppercase}.scene h1,.scene h2,.scene h3,.scene p{margin-top:0}.scene h1{margin-bottom:27px;font-size:clamp(53px,8vw,126px);line-height:.82;letter-spacing:-.1em;font-weight:700}.scene h1 .outline{display:block;color:transparent;-webkit-text-stroke:1px var(--ink)}.scene h1 strong,.scene h2 strong{display:block;font-weight:800}.scene h1 em{display:block;margin-top:22px;color:var(--muted);font:400 clamp(17px,2vw,27px) var(--mono);letter-spacing:.34em}.intro-copy{position:absolute;left:21.5vw;top:30%;z-index:2}.role-list{padding:0;margin:34px 0 0;list-style:none;color:#c3c3bd;font-size:clamp(16px,1.6vw,23px);line-height:1.65}.role-list li:before{content:'×';display:inline-block;width:31px;color:var(--muted)}.portrait-wrap{position:absolute;left:65%;top:37%;width:230px;z-index:2}.portrait-frame{position:relative;width:100%;aspect-ratio:1/1;border:1px solid rgba(241,241,237,.45);transform:rotate(-2deg);padding:11px}.portrait-frame:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;right:13%;bottom:-21px;background:var(--ink);box-shadow:0 0 32px 12px rgba(255,255,255,.7)}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);mix-blend-mode:screen}.portrait-caption{display:block;margin-top:35px;color:var(--muted);font:400 9px/1.5 var(--mono);letter-spacing:.18em}.scroll-hint{position:absolute;left:50%;bottom:47px;transform:translateX(-50%);color:var(--muted);font:400 9px var(--mono);letter-spacing:.27em}.scroll-hint i{display:block;width:1px;height:39px;margin:13px auto 0;background:var(--ink);animation:hint 2s ease-in-out infinite}.scene-title{position:absolute;left:12%;top:23%;z-index:2}.scene h2{font-size:clamp(45px,6.2vw,94px);line-height:.88;letter-spacing:-.09em;font-weight:500}.scene h2 strong{font-weight:800}.approach-list{position:absolute;top:19%;right:11%;width:min(470px,37vw)}.approach-list article{display:grid;grid-template-columns:45px 1fr;gap:13px;padding:20px 0;border-top:1px solid var(--line);transition:transform .4s,color .4s}.approach-list article:last-child{border-bottom:1px solid var(--line)}.approach-list article:hover{transform:translateX(-12px)}.approach-list b{color:var(--muted);font:400 10px var(--mono)}.approach-list h3{margin:0 0 8px;font-size:17px;letter-spacing:-.04em}.approach-list p,.timeline p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.timeline{position:absolute;left:35%;right:11%;top:22%;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.timeline article{min-height:295px;padding:0 24px;border-left:1px solid var(--line);transition:background .4s,transform .4s}.timeline article:hover{background:rgba(241,241,237,.05);transform:translateY(-10px)}.timeline time{display:block;margin-bottom:40px;color:var(--muted);font:400 9px/1.5 var(--mono);letter-spacing:.1em}.timeline h3{margin:0 0 17px;font-size:21px;letter-spacing:-.07em}.metric-field{position:absolute;left:16%;right:10%;top:30%;display:grid;grid-template-columns:repeat(4,1fr)}.metric-field article{position:relative;min-height:240px;padding:22px;border-top:1px solid var(--line);border-right:1px solid var(--line);transition:background .4s,transform .45s}.metric-field article:last-child{border-right:0}.metric-field article:hover{background:rgba(241,241,237,.06);transform:translateY(-15px)}.metric-field strong{display:block;font-size:clamp(54px,6vw,96px);line-height:.85;letter-spacing:-.11em}.metric-field strong span{font-size:.42em;color:var(--muted)}.metric-field small{display:block;margin-top:20px;color:var(--muted);font:400 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.metric-line{position:absolute;right:20px;bottom:26px;width:72%;height:46px;border-bottom:1px solid var(--ink);background:linear-gradient(160deg,transparent 55%,var(--ink) 56% 58%,transparent 59%);clip-path:polygon(0 90%,18% 80%,35% 67%,53% 73%,72% 31%,100% 0,100% 100%,0 100%);opacity:.55}.metric-dial{position:absolute;right:25px;bottom:25px;width:62px;height:62px;border:1px solid var(--muted);border-radius:50%}.metric-dial:after{content:'';position:absolute;left:50%;top:50%;width:24px;height:1px;background:var(--ink);transform-origin:left;transform:rotate(-55deg)}.metric-points{position:absolute;right:25px;bottom:38px;width:70px;height:42px;background:radial-gradient(circle,var(--ink) 0 2px,transparent 3px) 0 35px/18px 18px,radial-gradient(circle,var(--muted) 0 2px,transparent 3px) 10px 0/18px 18px}.metric-pipeline{position:absolute;left:22px;right:22px;bottom:43px;height:1px;background:var(--line);box-shadow:20px 0 0 var(--ink),40px 0 0 var(--muted),60px 0 0 var(--ink),80px 0 0 var(--muted);animation:flow 2s linear infinite}.tool-cloud{position:absolute;left:14%;right:11%;top:32%;display:flex;flex-wrap:wrap;gap:12px;max-width:820px}.tool-cloud span{padding:13px 16px;border:1px solid var(--line);color:#d5d5cf;font:400 11px var(--mono);letter-spacing:.1em;transition:background .4s,transform .4s}.tool-cloud span:hover{background:var(--ink);color:var(--bg);transform:translateY(-8px) rotate(-2deg)}.stack-note{position:absolute;right:12%;bottom:21%;color:var(--muted);font-size:13px;line-height:1.7}.contact-copy{position:absolute;left:24%;top:27%}.contact-copy h2{font-size:clamp(50px,7vw,105px)}.contact-copy a{display:block;width:max-content;margin-top:40px;border-bottom:1px solid var(--ink);padding-bottom:8px;font:400 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.contact-copy a span{margin-left:35px}.contact-copy .muted-link{margin-top:18px;border:0;color:var(--muted);text-transform:none}.progress{position:fixed;z-index:20;right:31px;top:50%;width:1px;height:115px;background:rgba(241,241,237,.2);transform:translateY(-50%)}.progress span{display:block;width:1px;height:0;background:var(--ink);transition:height .2s}.progress b{position:absolute;right:10px;top:0;color:var(--muted);font:400 9px var(--mono);writing-mode:vertical-rl;letter-spacing:.1em}@keyframes hint{50%{height:57px;opacity:.35}}@keyframes flow{to{transform:translateX(18px)}}
@media(max-width:800px){.site-header{padding:21px 19px}.header-meta{font-size:8px}.scene{padding:115px 8vw 70px}.scene-label{left:19px;bottom:20px;font-size:8px}.scene-index{right:19px;bottom:20px;font-size:8px}.intro-copy{left:10vw;top:27%}.scene h1{font-size:clamp(45px,14vw,78px)}.scene h1 em{font-size:14px;letter-spacing:.18em}.role-list{font-size:15px}.portrait-wrap{left:auto;right:10%;top:61%;width:150px}.portrait-caption{font-size:7px;margin-top:18px}.scroll-hint{bottom:32px;font-size:7px}.scene-title{left:8vw;top:18%}.scene h2{font-size:clamp(39px,11vw,64px)}.approach-list{top:45%;left:8vw;right:8vw;width:auto}.approach-list article{padding:13px 0}.approach-list h3{font-size:15px}.approach-list p{font-size:11px}.timeline{left:8vw;right:8vw;top:41%;display:block}.timeline article{min-height:auto;padding:15px 0 15px 17px;border-left:1px solid var(--line);border-top:0}.timeline time{margin-bottom:10px}.timeline h3{font-size:17px;margin-bottom:7px}.timeline p{font-size:11px}.metric-field{left:8vw;right:8vw;top:40%;grid-template-columns:1fr 1fr}.metric-field article{min-height:160px;padding:15px}.metric-field strong{font-size:48px}.metric-field small{font-size:8px;margin-top:13px}.tool-cloud{left:8vw;right:8vw;top:40%;gap:8px}.tool-cloud span{padding:10px 11px;font-size:9px}.stack-note{left:8vw;right:auto;bottom:17%;font-size:11px}.contact-copy{left:8vw;top:26%}.contact-copy h2{font-size:clamp(43px,12vw,66px)}.progress{right:16px;height:80px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Motion layer: continuous space, depth and staggered typography. */
.dust{animation:dustDrift 24s linear infinite}
.scene-layer{--parallax-y:0px;transform:translate3d(0,var(--parallax-y),0)}
.scene.is-active .scene-layer{animation:layerReveal .9s cubic-bezier(.2,.75,.2,1) both}
.scene.is-active .scene-layer > *{animation:typeReveal .8s cubic-bezier(.2,.75,.2,1) both}
.scene.is-active .scene-layer > *:nth-child(1){animation-delay:.08s}
.scene.is-active .scene-layer > *:nth-child(2){animation-delay:.16s}
.scene.is-active .scene-layer > *:nth-child(3){animation-delay:.24s}
.scene.is-active .scene-layer > *:nth-child(4){animation-delay:.32s}
.scene.is-active .scene-layer > *:nth-child(5){animation-delay:.40s}
.scene-intro .intro-copy{max-width:47vw}
.scene-intro .intro-copy{transition:top .12s linear}
.scene-intro .intro-copy h1{transform:scale(var(--intro-title-scale,.99));transform-origin:left top;transition:transform .12s linear}
.scene-intro .portrait-wrap{translate:0 var(--portrait-lift,0)}
.intro-expertise{position:absolute;left:21.5vw;top:67%;z-index:5;width:min(48vw,780px);display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;opacity:var(--expertise-opacity,0);pointer-events:auto}
.intro-expertise article{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:64px;padding:9px 13px 9px 9px;border:1px solid rgba(241,241,237,.13);background:linear-gradient(120deg,rgba(20,20,20,.76),rgba(8,8,8,.35));backdrop-filter:blur(8px);opacity:0;transition:border-color .3s,background .3s,box-shadow .3s}
.intro-expertise article:hover{border-color:rgba(241,241,237,.48);background:rgba(24,24,24,.82);box-shadow:0 14px 45px rgba(0,0,0,.42)}
.expertise-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(241,241,237,.18);border-radius:50%;color:var(--ink);transition:transform .35s,border-color .35s,background .35s}
.intro-expertise article:hover .expertise-icon{transform:rotate(-8deg) scale(1.08);border-color:rgba(241,241,237,.55);background:rgba(241,241,237,.06)}
.expertise-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.intro-expertise article b,.intro-location b{display:block;margin-bottom:5px;font-size:12px;line-height:1.05;letter-spacing:-.025em}
.intro-expertise article small,.intro-location small{display:block;color:var(--muted);font:400 7px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.intro-location{grid-column:1/-1;display:flex;align-items:center;gap:10px;width:max-content;margin-top:3px;padding:8px 13px 8px 10px;border-left:1px solid rgba(241,241,237,.5);background:linear-gradient(90deg,rgba(241,241,237,.05),transparent);opacity:0}
.intro-location>svg{width:21px;height:21px;fill:none;stroke:var(--ink);stroke-width:1.3}
.scene-approach .scene-title{left:8%;top:26%;width:min(43vw,570px)}
.scene-approach .scene-title h2{font-size:clamp(42px,5vw,78px);letter-spacing:-.075em}
.scene-approach .approach-list{right:7%;width:min(430px,34vw)}
.scene-career .scene-title,.scene-results .scene-title,.scene-stack .scene-title{width:min(43vw,570px)}
.scene-career .scene-title{left:8%;width:min(31vw,410px)}
.scene-career .scene-title h2{font-size:clamp(40px,4.6vw,72px)}
.scene-career .timeline{left:39%;right:7%}
@keyframes layerReveal{from{opacity:0}to{opacity:1}}
@keyframes typeReveal{from{opacity:0;transform:translate3d(0,26px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes dustDrift{0%{background-position:0 0,0 0}50%{background-position:90px -60px,-80px 70px}100%{background-position:180px -120px,-160px 140px}}
@media(max-width:800px){.scene-intro .intro-copy{max-width:86vw}.scene-intro .portrait-wrap{left:auto;right:8vw;top:43%;width:clamp(112px,30vw,170px)}.intro-expertise{left:8vw;top:61%;width:84vw;grid-template-columns:1fr;gap:4px}.intro-expertise article{grid-template-columns:38px 1fr;min-height:43px;padding:5px 9px}.expertise-icon{width:29px;height:29px}.expertise-icon svg{width:16px;height:16px}.intro-expertise article b,.intro-location b{font-size:10px;margin-bottom:3px}.intro-expertise article small,.intro-location small{font-size:5px}.intro-location{grid-column:auto;margin-top:0;padding:6px 10px}.intro-location>svg{width:17px;height:17px}.scene-approach .scene-title{left:8vw;right:8vw;top:18%;width:auto}.scene-approach .scene-title h2{font-size:clamp(39px,11vw,64px)}.scene-approach .approach-list{right:8vw;width:auto}}

/* Continuous scene-to-scene flight. Each neighboring scene stays alive during the handoff. */
.scene{transition:none!important;will-change:transform,opacity,filter}
.scene-layer{opacity:var(--layer-opacity,1);transform:translate3d(var(--layer-x,0px),var(--layer-y,0px),0);filter:blur(var(--layer-blur,0px));transition:opacity .2s ease-out,transform .2s cubic-bezier(.22,.61,.36,1),filter .2s ease-out;will-change:transform,opacity,filter}
.scene-layer > *{opacity:var(--child-opacity,1);transform:translate3d(var(--child-x,0px),var(--child-y,0px),0);filter:blur(var(--child-blur,0px));transition:opacity .2s ease-out,transform .2s cubic-bezier(.22,.61,.36,1),filter .2s ease-out}
.scene.is-active .scene-layer,.scene.is-active .scene-layer > *{animation:none!important}

/* Career sequence: title → quote → upward growth graph. */
.career-heading{left:8%;top:21%;width:min(42vw,560px);opacity:var(--heading-opacity,0);transform:translate3d(0,var(--heading-y,30px),0);filter:blur(var(--heading-blur,5px));transition:opacity .12s linear,transform .12s linear,filter .12s linear}
.career-heading h2{font-size:clamp(48px,6.3vw,92px)}
.career-quote{position:absolute;left:9%;top:57%;width:min(360px,30vw);margin:0;color:var(--ink);font-size:clamp(17px,1.7vw,24px);line-height:1.35;opacity:var(--career-opacity,0);transform:translate3d(0,var(--career-y,36px),0);filter:blur(var(--career-blur,5px));transition:opacity .12s linear,transform .12s linear,filter .12s linear}
.career-quote cite{display:block;margin-top:18px;color:var(--muted);font:400 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.career-path{position:absolute;left:43%;right:4%;top:27%;height:380px;opacity:var(--route-opacity,0);transform:translate3d(0,var(--route-y,55px),0);filter:blur(var(--route-blur,6px));transition:opacity .12s linear,transform .12s linear,filter .12s linear}
.career-route{width:100%;height:100%;overflow:visible}
.chart-grid{fill:none;stroke:rgba(241,241,237,.08);stroke-width:1;stroke-dasharray:2 12}
.route-base,.route-progress{fill:none;stroke-linecap:round;stroke-width:1.5}
.route-base{stroke:rgba(241,241,237,.2);stroke-dasharray:2 10}
.route-progress{stroke:var(--ink);filter:drop-shadow(0 0 5px rgba(241,241,237,.7))}
.route-node{opacity:.18;transition:opacity .45s ease,transform .45s ease}.route-node.is-visible{opacity:1}
.route-node circle{fill:var(--bg);stroke:var(--ink);stroke-width:2}.route-node text{fill:var(--muted);font:400 13px var(--mono);letter-spacing:.04em;text-anchor:middle}.route-node text+text{fill:var(--ink);font-family:var(--sans);font-size:15px;letter-spacing:-.03em}
.route-rocket{font-size:30px;transform-origin:center;transition:opacity .2s linear;filter:drop-shadow(0 0 9px rgba(255,255,255,.65))}.route-rocket text{display:block;transform:none}
@media(max-width:800px){.career-heading{left:8vw;top:17%;width:80vw}.career-heading h2{font-size:clamp(40px,11vw,64px)}.career-quote{left:8vw;top:42%;width:75vw;font-size:16px}.career-path{left:4vw;right:4vw;top:57%;height:210px}.route-node text{font-size:9px}.route-node text+text{font-size:10px}.route-rocket{font-size:22px}}

/* Approach sequence: an orbital QA process instead of a list. */
#space{background:radial-gradient(circle at 50% 48%,#151515 0,#0a0a0a 31%,#050505 75%)}
.dust{opacity:.24;background:radial-gradient(ellipse at 22% 38%,rgba(86,105,122,.08),transparent 36%),radial-gradient(ellipse at 77% 64%,rgba(108,91,121,.06),transparent 34%);background-size:100% 100%;mix-blend-mode:screen}
.scene-approach{padding:0}
.scene-label,.scene-index{transition:opacity .18s linear}
.scene-approach .approach-heading{--heading-compact:0;position:absolute;left:50%;top:49%;z-index:5;width:min(72vw,1050px);transform:translate(-50%,-50%) scale(calc(1 - var(--heading-compact) * .48));transform-origin:center;transition:transform .12s linear;text-align:left}
.approach-heading .eyebrow{opacity:0;will-change:opacity,transform,filter}
.approach-heading h2{font-size:clamp(64px,7vw,112px);line-height:.88;letter-spacing:-.085em}
.approach-line{display:block;opacity:0;will-change:opacity,transform,filter}
.approach-line{font-weight:500;color:#d7d7d2}
.approach-heading strong .approach-line{font-weight:800;color:var(--ink)}
.approach-journey{position:absolute;inset:8% 4% 7%;z-index:6;opacity:var(--journey-opacity,0);transform:scale(var(--journey-scale,.985));transform-origin:center;filter:none;transition:opacity .12s linear,transform .12s linear;pointer-events:auto}
.approach-journey:before{content:'';position:absolute;left:50%;top:50%;width:38vw;height:38vw;max-width:600px;max-height:600px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(241,241,237,.045),rgba(241,241,237,.012) 36%,transparent 70%);filter:blur(8px);animation:qualityBreath 5s ease-in-out infinite}
.approach-center-note{position:absolute;left:50%;top:64%;width:min(620px,39vw);transform:translateX(-50%);text-align:center;color:var(--muted)}
.approach-center-note p{margin:0 auto 24px;max-width:570px;font-size:clamp(12px,1vw,16px);line-height:1.55}
.approach-center-note em{color:var(--ink);font-style:normal}
.decision-loop{display:flex;align-items:center;justify-content:center;gap:13px;color:#bbbcb6;font:400 8px var(--mono);letter-spacing:.15em;text-transform:uppercase}
.decision-loop i{position:relative;width:25px;height:1px;background:rgba(241,241,237,.25);overflow:hidden}
.decision-loop i:after{content:'';position:absolute;inset:0;background:var(--ink);transform:translateX(-100%);animation:decisionFlow 2.7s ease-in-out infinite}
.decision-loop i:nth-of-type(2):after{animation-delay:.45s}.decision-loop i:nth-of-type(3):after{animation-delay:.9s}
.approach-step{position:absolute;width:min(310px,24vw);min-height:184px;padding:17px 20px 16px;border:1px solid rgba(241,241,237,.15);border-radius:2px;background:linear-gradient(135deg,rgba(20,20,20,.82),rgba(8,8,8,.58));backdrop-filter:blur(10px);opacity:var(--step-opacity,0);filter:blur(var(--step-blur,8px));transform:scale(var(--step-scale,.88)) translateY(var(--step-hover-y,0));transform-origin:center;transition:border-color .3s,background .3s,box-shadow .3s,transform .3s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform,filter;pointer-events:auto}
.approach-step:before{content:'';position:absolute;left:-1px;top:-1px;width:22px;height:1px;background:var(--ink);box-shadow:0 0 10px rgba(255,255,255,.45)}
.approach-step:after{content:'';position:absolute;left:-1px;top:-1px;width:1px;height:22px;background:var(--ink);box-shadow:0 0 10px rgba(255,255,255,.45)}
.approach-step b{position:absolute;right:15px;top:13px;color:var(--dim);font:400 21px var(--mono)}
.approach-step small{display:block;margin-bottom:20px;color:var(--muted);font:400 8px var(--mono);letter-spacing:.19em}
.approach-step h3{margin:0 0 9px;font-size:clamp(16px,1.45vw,22px);line-height:1.05;letter-spacing:-.055em}
.approach-step p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.approach-step:hover{--step-hover-y:-6px;border-color:rgba(241,241,237,.58);background:linear-gradient(135deg,rgba(29,29,29,.94),rgba(9,9,9,.75));box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 38px rgba(241,241,237,.08)}
.approach-step.is-active{border-color:rgba(241,241,237,.5);background:linear-gradient(135deg,rgba(27,27,27,.9),rgba(9,9,9,.66));box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 36px rgba(241,241,237,.07)}
.approach-step.is-active b{color:var(--ink)}
.step-motion{position:absolute;left:20px;right:20px;bottom:15px;height:24px}
.motion-requirements{display:flex;align-items:center;gap:5px}
.motion-requirements span{padding:4px 6px;border:1px solid rgba(241,241,237,.16);color:var(--dim);font:400 6px var(--mono);letter-spacing:.12em;animation:criterionReady 3s ease-in-out infinite}
.motion-requirements span:nth-child(2){animation-delay:.35s}.motion-requirements span:nth-child(3){animation-delay:.7s}
.motion-risks{left:auto;width:36px;height:36px;bottom:9px;border:1px solid rgba(241,241,237,.18);border-radius:50%;background:radial-gradient(circle,transparent 34%,rgba(241,241,237,.08) 35% 37%,transparent 38%)}
.motion-risks:before{content:'';position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,rgba(241,241,237,.3),transparent 18%);animation:riskSweep 2.8s linear infinite}
.motion-risks i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--ink);box-shadow:0 0 7px var(--ink)}
.motion-risks i:nth-child(1){left:8px;top:12px}.motion-risks i:nth-child(2){right:7px;top:8px}.motion-risks i:nth-child(3){left:17px;bottom:6px}.motion-risks i:nth-child(4){right:5px;bottom:13px}
.motion-checks{display:grid;gap:4px}
.motion-checks i{display:block;width:100%;height:3px;background:linear-gradient(90deg,rgba(241,241,237,.58) 0 var(--fill),rgba(241,241,237,.1) var(--fill));animation:layerCheck 3.2s ease-in-out infinite}
.motion-checks i:nth-child(1){--fill:78%}.motion-checks i:nth-child(2){--fill:58%;animation-delay:.35s}.motion-checks i:nth-child(3){--fill:91%;animation-delay:.7s}
.motion-feedback{display:flex;align-items:center;justify-content:space-between}
.motion-feedback:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(241,241,237,.16)}
.motion-feedback i{position:relative;width:7px;height:7px;border:1px solid rgba(241,241,237,.3);border-radius:50%;background:#0a0a0a;animation:feedbackPulse 2.2s ease-in-out infinite}
.motion-feedback i:nth-child(2){animation-delay:.2s}.motion-feedback i:nth-child(3){animation-delay:.4s}.motion-feedback i:nth-child(4){animation-delay:.6s}.motion-feedback i:nth-child(5){animation-delay:.8s}
.step-requirements{left:1%;top:4%}
.step-risks{right:1%;top:8%}
.step-checks{right:2%;bottom:4%}
.step-feedback{left:3%;bottom:2%}
@keyframes qualityBreath{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.55}}
@keyframes decisionFlow{0%,18%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
@keyframes criterionReady{0%,20%{color:var(--dim);border-color:rgba(241,241,237,.16)}40%,75%{color:var(--ink);border-color:rgba(241,241,237,.48)}100%{color:var(--dim)}}
@keyframes riskSweep{to{transform:rotate(360deg)}}
@keyframes layerCheck{0%,20%{opacity:.18;transform:scaleX(.35);transform-origin:left}55%,85%{opacity:1;transform:scaleX(1);transform-origin:left}100%{opacity:.18}}
@keyframes feedbackPulse{20%{background:#0a0a0a;box-shadow:none}45%,70%{background:var(--ink);box-shadow:0 0 10px var(--ink)}100%{background:#0a0a0a}}
@media(max-width:900px){.scene-approach .approach-heading{left:50%;width:86vw;top:48%;transform:translate(-50%,-50%) scale(calc(1 - var(--heading-compact) * .47))}.approach-heading h2{font-size:clamp(43px,11vw,72px)}.approach-journey{inset:8% 3% 7%;transform:scale(calc(var(--journey-scale,.985) * .94))}.approach-center-note{top:65%;width:48vw}.approach-center-note p{display:none}.decision-loop{gap:5px;font-size:5px}.decision-loop i{width:8px}.approach-step{width:42vw;min-height:150px;padding:11px 12px}.approach-step small{margin-bottom:11px}.approach-step p{font-size:9px}.approach-step h3{font-size:14px}.step-motion{left:12px;right:12px;bottom:10px}.step-requirements{left:0;top:1%}.step-risks{right:0;top:7%}.step-checks{right:0;bottom:1%}.step-feedback{left:0;bottom:0}}

/* Results sequence: evidence appears one metric at a time. */
.scene-results{padding:0}
.scene-results .results-heading{--results-compact:0;position:absolute;left:8%;top:var(--results-top,24%);z-index:7;width:min(78vw,1280px);transform:scale(calc(1 - var(--results-compact) * .5));transform-origin:left top;transition:top .12s linear,transform .12s linear}
.results-heading .eyebrow,.results-line{opacity:0;will-change:opacity,transform,filter}
.results-heading h2{font-size:clamp(66px,7.6vw,126px);line-height:.86;letter-spacing:-.09em}
.results-line{display:block}.results-heading strong.results-line{font-weight:800}
.results-field{position:absolute;left:5%;right:5%;top:34%;bottom:8%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;opacity:var(--results-field-opacity,0)}
.result-card{--result-opacity:0;--result-scale:.9;--result-y:44px;position:relative;min-height:390px;padding:24px 22px 19px;border:1px solid rgba(241,241,237,.15);overflow:hidden;background:linear-gradient(155deg,rgba(23,23,23,.86),rgba(7,7,7,.7) 68%);opacity:var(--result-opacity)!important;transform:translate3d(0,var(--result-y),0) scale(var(--result-scale))!important;filter:blur(var(--result-blur,8px))!important;transform-origin:center bottom;transition:border-color .3s,background .3s,box-shadow .3s;pointer-events:auto}
.result-card:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.028) 48%,transparent 72%);transform:translateX(-100%);animation:resultSheen 7s ease-in-out infinite}
.result-card:hover,.result-card.is-current{border-color:rgba(241,241,237,.5);background:linear-gradient(155deg,rgba(31,31,31,.93),rgba(8,8,8,.76) 68%);box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 36px rgba(241,241,237,.05)}
.result-card header{position:relative;z-index:2}
.result-card header strong{display:block;font-size:clamp(58px,5.3vw,92px);font-weight:500;line-height:.82;letter-spacing:-.11em}
.result-card header strong .metric-number{font-size:1em;color:inherit}
.result-card header strong em{display:inline-grid;place-items:center;width:clamp(24px,2.2vw,38px);height:clamp(24px,2.2vw,38px);margin-left:10px;border:1px solid rgba(241,241,237,.42);border-radius:50%;background:rgba(241,241,237,.045);color:var(--ink);font:500 clamp(8px,.72vw,12px) var(--mono);letter-spacing:0;vertical-align:top;transform:translateY(3px);box-shadow:inset 0 0 12px rgba(241,241,237,.04),0 0 14px rgba(241,241,237,.035)}
.result-card header small{display:block;margin-top:17px;color:#b7b8b2;font:400 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.result-card footer{position:absolute;left:22px;right:22px;bottom:17px;display:flex;align-items:center;justify-content:space-between;color:var(--dim);font:400 7px var(--mono);letter-spacing:.16em}
.result-card footer b{font-weight:400;font-size:14px}
.metric-visual{position:absolute;left:22px;right:22px;top:43%;bottom:48px;opacity:0;filter:blur(7px);transition:opacity .65s ease,filter .65s ease}
.result-card.visual-active .metric-visual{opacity:1;filter:blur(0)}
.tests-chart{display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid rgba(241,241,237,.18)}
.tests-chart i{flex:1;height:var(--h);background:linear-gradient(180deg,rgba(241,241,237,.85),rgba(241,241,237,.12));transform:scaleY(0);transform-origin:bottom}
.tests-chart i:nth-child(1){--h:18%}.tests-chart i:nth-child(2){--h:31%}.tests-chart i:nth-child(3){--h:42%}.tests-chart i:nth-child(4){--h:55%}.tests-chart i:nth-child(5){--h:68%}.tests-chart i:nth-child(6){--h:82%}.tests-chart i:nth-child(7){--h:100%}
.result-card.visual-active .tests-chart i{animation:testBarGrow 1.55s cubic-bezier(.2,.8,.2,1) forwards}.tests-chart i:nth-child(2){animation-delay:.1s!important}.tests-chart i:nth-child(3){animation-delay:.2s!important}.tests-chart i:nth-child(4){animation-delay:.3s!important}.tests-chart i:nth-child(5){animation-delay:.4s!important}.tests-chart i:nth-child(6){animation-delay:.5s!important}.tests-chart i:nth-child(7){animation-delay:.6s!important}
.tests-chart span{position:absolute;right:0;top:-17px;color:var(--dim);font:400 6px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.regression-clock{left:50%;right:auto;top:47%;bottom:auto;width:142px;height:142px;transform:translateX(-50%);border:1px solid rgba(241,241,237,.28);border-radius:50%;background:repeating-conic-gradient(from -90deg,rgba(241,241,237,.35) 0 1deg,transparent 1deg 30deg),radial-gradient(circle,transparent 62%,rgba(241,241,237,.055) 63%)}
.regression-clock:before{content:'';position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(241,241,237,.1)}
.regression-clock:after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(255,255,255,.55)}
.regression-clock i{position:absolute;left:50%;bottom:50%;width:1px;background:var(--ink);transform-origin:50% 100%}
.clock-hour{height:32px;animation:clockBack 12s linear infinite paused}.clock-minute{height:47px;animation:clockBack 4s linear infinite paused}.clock-second{height:56px;background:var(--muted)!important;animation:clockBack 1.6s linear infinite paused}.result-card.visual-active .regression-clock i{animation-play-state:running}
.regression-clock span{position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);color:var(--ink);font:400 8px var(--mono);letter-spacing:.16em}
.ui-monitor{top:45%;bottom:51px;border:1px solid rgba(241,241,237,.26);background:#0b0b0b;overflow:hidden}
.monitor-bar{height:18px;border-bottom:1px solid rgba(241,241,237,.13);display:flex;align-items:center;gap:5px;padding:0 7px}.monitor-bar i{width:4px;height:4px;border-radius:50%;background:var(--dim)}
.monitor-content{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:7px;padding:10px;height:calc(100% - 18px)}
.monitor-content span{border:1px solid rgba(241,241,237,.08);background:linear-gradient(135deg,rgba(241,241,237,.05),transparent)}.monitor-content span:first-child{grid-row:1/3}
.ui-scanner{position:absolute;top:18px;bottom:0;width:1px;background:var(--ink);box-shadow:0 0 13px 3px rgba(255,255,255,.35);animation:uiScan 3.2s ease-in-out infinite paused}
.ui-bug{position:absolute;left:27%;top:58%;width:11px;height:8px;border-radius:50%;background:var(--ink);animation:bugRun 3.2s ease-in-out infinite paused}
.ui-bug:before,.ui-bug:after{content:'';position:absolute;left:-4px;top:2px;width:19px;height:1px;background:var(--ink);transform:rotate(24deg);box-shadow:0 4px 0 var(--ink)}.ui-bug:after{transform:rotate(-24deg)}
.ui-monitor>b{position:absolute;right:8px;bottom:7px;color:var(--ink);font:400 6px var(--mono);letter-spacing:.12em;opacity:0;animation:bugStatus 3.2s ease-in-out infinite paused}.result-card.visual-active .ui-scanner,.result-card.visual-active .ui-bug,.result-card.visual-active .ui-monitor>b{animation-play-state:running}
.ci-streams{display:grid;grid-template-rows:repeat(10,1fr);gap:4px;top:43%;bottom:55px}
.ci-streams>i{position:relative;display:block;border-top:1px solid rgba(241,241,237,.14)}
.ci-streams>i:after{content:'';position:absolute;top:-2px;left:0;width:9px;height:3px;background:var(--ink);box-shadow:0 0 8px rgba(255,255,255,.5);animation:ciPacket 2.8s linear infinite paused}.result-card.visual-active .ci-streams>i:after{animation-play-state:running}
.ci-streams>i:nth-child(2):after{animation-delay:-.25s}.ci-streams>i:nth-child(3):after{animation-delay:-.5s}.ci-streams>i:nth-child(4):after{animation-delay:-.75s}.ci-streams>i:nth-child(5):after{animation-delay:-1s}.ci-streams>i:nth-child(6):after{animation-delay:-1.25s}.ci-streams>i:nth-child(7):after{animation-delay:-1.5s}.ci-streams>i:nth-child(8):after{animation-delay:-1.75s}.ci-streams>i:nth-child(9):after{animation-delay:-2s}.ci-streams>i:nth-child(10):after{animation-delay:-2.25s}
.ci-streams span{position:absolute;right:0;bottom:-18px;color:var(--ink);font:400 6px var(--mono);letter-spacing:.14em}
.result-ci{border-right:1px solid rgba(241,241,237,.28)!important;box-shadow:inset -1px 0 rgba(241,241,237,.12)}
@keyframes resultSheen{0%,55%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}
@keyframes testBarGrow{to{transform:scaleY(1)}}
@keyframes clockBack{to{transform:rotate(-360deg)}}
@keyframes uiScan{0%,10%{left:8%}70%,100%{left:92%}}
@keyframes bugRun{0%,10%{left:18%;opacity:1;transform:rotate(-8deg)}55%{left:61%;opacity:1;transform:rotate(8deg)}67%,100%{left:69%;opacity:0;transform:scale(.2)}}
@keyframes bugStatus{0%,63%{opacity:0}72%,92%{opacity:1}100%{opacity:0}}
@keyframes ciPacket{from{left:0}to{left:calc(100% - 9px)}}
@media(max-width:900px){.scene-results .results-heading{left:6vw;width:88vw}.results-heading h2{font-size:clamp(42px,10vw,68px)}.results-field{left:4vw;right:4vw;top:29%;bottom:6%;grid-template-columns:1fr 1fr;gap:7px}.result-card{min-height:0;padding:12px 11px}.result-card header strong{font-size:42px}.result-card header strong em{margin-left:6px}.result-card header small{margin-top:8px;font-size:7px}.result-card footer{left:11px;right:11px;bottom:8px;font-size:5px}.result-card footer b{font-size:9px}.metric-visual{left:11px;right:11px;top:45%;bottom:28px}.regression-clock{left:50%;top:48%;width:64px;height:64px}.regression-clock:before{inset:6px}.regression-clock span{bottom:-15px;font-size:5px}.clock-hour{height:14px}.clock-minute{height:21px}.clock-second{height:26px}.ui-monitor{top:46%;bottom:29px}.ci-streams{top:45%;bottom:30px;gap:2px}}
@media(max-width:900px){.results-field{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch}.result-card{width:100%;height:100%;min-width:0;min-height:0}}

/* Opening sequence and intro choreography. */
.site-loader{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#070707;color:var(--ink);opacity:1;transition:opacity .75s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.loader-grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(241,241,237,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(241,241,237,.055) 1px,transparent 1px);background-size:8vw 8vw;transform:perspective(800px) rotateX(58deg) scale(1.5);transform-origin:50% 85%;animation:loaderGridMove 2.5s linear infinite}
.loader-top,.loader-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;color:var(--muted);font:400 8px var(--mono);letter-spacing:.18em}
.loader-top{top:28px}.loader-bottom{bottom:28px}
.loader-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(720px,72vw)}
.loader-center small{display:block;margin-bottom:12px;color:var(--muted);font:400 9px var(--mono);letter-spacing:.24em}
.loader-center strong{display:flex;align-items:flex-start;font:500 clamp(88px,15vw,240px)/.78 var(--sans);letter-spacing:-.11em}
.loader-center strong em{margin:6px 0 0 15px;color:var(--muted);font:400 .18em var(--mono);letter-spacing:0}
.loader-track{position:absolute;left:14%;right:14%;bottom:18%;height:1px;background:rgba(241,241,237,.15)}
.loader-track i{display:block;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px rgba(255,255,255,.45)}
.loader-track:before,.loader-track:after{position:absolute;top:-18px;color:var(--dim);font:400 6px var(--mono);letter-spacing:.15em}.loader-track:before{content:'LOAD';left:0}.loader-track:after{content:'100 / SYSTEM READY';right:0}
body.is-loading #flight,body.is-loading .site-header,body.is-loading .progress{opacity:0}
body.is-ready .site-loader{opacity:0;transform:scale(1.035);pointer-events:none}
body.is-ready #flight,body.is-ready .site-header,body.is-ready .progress{opacity:1;transition:opacity .7s ease}
body.is-loading .scene-intro .intro-copy>*,body.is-loading .scene-intro .portrait-frame,body.is-loading .scene-intro .intro-status,body.is-loading .scene-intro .scroll-hint{opacity:0!important}
body.is-ready .scene-intro .intro-copy>.eyebrow{animation:introItemReveal .7s .12s cubic-bezier(.2,.8,.2,1) both}
body.is-ready .scene-intro h1 .outline{animation:introOutlineReveal .95s .26s cubic-bezier(.2,.8,.2,1) both}
body.is-ready .scene-intro h1 strong{animation:introWordReveal .9s .43s cubic-bezier(.2,.8,.2,1) both}
body.is-ready .scene-intro h1 em{animation:introItemReveal .72s .62s cubic-bezier(.2,.8,.2,1) both}
body.is-ready .scene-intro .role-list li{animation:introItemReveal .68s cubic-bezier(.2,.8,.2,1) both}
body.is-ready .scene-intro .role-list li:nth-child(1){animation-delay:.78s}body.is-ready .scene-intro .role-list li:nth-child(2){animation-delay:.9s}body.is-ready .scene-intro .role-list li:nth-child(3){animation-delay:1.02s}body.is-ready .scene-intro .role-list li:nth-child(4){animation-delay:1.14s}
.scene-intro .portrait-frame{animation:none}
body.is-ready .scene-intro .intro-status{animation:introItemReveal .8s 1.02s cubic-bezier(.2,.8,.2,1) both}
.portrait-frame{overflow:hidden}
.intro-status{position:absolute;left:64%;top:72%;z-index:4;width:260px;padding:13px 15px;border-left:1px solid rgba(241,241,237,.36);background:linear-gradient(90deg,rgba(241,241,237,.045),transparent)}
.intro-status>span{display:block;margin-bottom:10px;color:var(--dim);font:400 7px var(--mono);letter-spacing:.18em}
.intro-status b{display:block;font:500 9px var(--mono);letter-spacing:.1em}.intro-status b i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--ink);box-shadow:0 0 10px var(--ink);animation:statusPulse 1.8s ease-in-out infinite}
.intro-status small{display:block;margin-top:9px;color:var(--muted);font:400 6px var(--mono);letter-spacing:.14em}
@keyframes loaderGridMove{to{background-position:0 8vw,8vw 0}}
@keyframes introItemReveal{from{opacity:0;transform:translate3d(0,28px,0);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes introOutlineReveal{from{opacity:0;letter-spacing:.08em;filter:blur(8px);-webkit-text-stroke-color:transparent}to{opacity:1;letter-spacing:inherit;filter:blur(0);-webkit-text-stroke-color:var(--ink)}}
@keyframes introWordReveal{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-30px)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes portraitEnter{from{opacity:0;transform:translate3d(45px,20px,0) scale(.88) rotate(4deg);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes statusPulse{50%{opacity:.35;transform:scale(.7)}}
@media(max-width:800px){.loader-top,.loader-bottom{left:18px;right:18px;font-size:6px}.loader-center{width:82vw}.loader-center small{font-size:7px}.loader-track{left:9%;right:9%}.scene-intro .intro-status,.scene-intro .portrait-caption{display:none}.scene-intro .scroll-hint{left:50%;bottom:25px;white-space:nowrap}}

/* Experience chapters: a centered manifesto opens into the career progression. */
.scene-career{padding:0}
.scene-career .career-heading{left:50%;top:var(--heading-top,45%);width:min(82vw,1120px);text-align:center;opacity:var(--heading-opacity,0);transform:translate3d(-50%,calc(-50% + var(--heading-y,30px)),0) scale(var(--heading-scale,1));transform-origin:center top;filter:blur(var(--heading-blur,5px));transition:opacity .12s linear,transform .12s linear,top .12s linear,filter .12s linear}
.scene-career .career-heading .eyebrow{margin-bottom:25px}
.scene-career .career-heading h2{display:flex;flex-direction:column;align-items:center;gap:.055em;font-size:clamp(58px,6.8vw,108px);line-height:.78;letter-spacing:-.075em;word-spacing:.13em}
.scene-career .career-heading h2>span,.scene-career .career-heading h2>strong{display:block;white-space:nowrap}
.scene-career .career-heading .career-bridge{font-size:.62em;font-weight:500;line-height:.72;letter-spacing:0}
.career-quote{left:50%;top:66%;width:min(650px,58vw);text-align:center;transform:translate3d(-50%,var(--career-y,36px),0);font-size:clamp(16px,1.45vw,22px)}
.career-quote cite{margin-top:20px}
.career-chapters{position:absolute;left:6%;right:6%;top:27%;bottom:8%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;opacity:1}
.career-chapter{--chapter-opacity:0;--chapter-y:58px;--chapter-scale:.94;position:relative;min-width:0;padding:25px 22px 20px;border:1px solid rgba(241,241,237,.14);overflow:hidden;background:linear-gradient(150deg,rgba(23,23,23,.86),rgba(7,7,7,.62) 72%);opacity:var(--chapter-opacity)!important;transform:translate3d(0,var(--chapter-y),0) scale(var(--chapter-scale))!important;filter:blur(var(--chapter-blur,8px))!important;transform-origin:center bottom;transition:border-color .35s,background .35s,box-shadow .35s}
.career-chapter:before{content:attr(data-index);position:absolute;right:16px;top:9px;color:rgba(241,241,237,.07);font:500 clamp(70px,7vw,116px)/1 var(--mono);letter-spacing:-.12em}
.career-chapter:after{content:'';position:absolute;left:0;top:0;width:36px;height:1px;background:var(--ink);box-shadow:0 0 10px rgba(255,255,255,.45)}
.career-chapter.is-active{border-color:rgba(241,241,237,.5);background:linear-gradient(150deg,rgba(31,31,31,.94),rgba(8,8,8,.72) 72%);box-shadow:0 26px 80px rgba(0,0,0,.48),0 0 35px rgba(241,241,237,.05)}
.career-chapter time{position:relative;z-index:2;display:block;margin-bottom:33px;color:#c9cac4;font:400 8px var(--mono);letter-spacing:.12em}
.career-chapter>small{position:relative;z-index:2;display:block;margin-bottom:9px;color:var(--dim);font:400 7px var(--mono);letter-spacing:.18em}
.career-chapter h3{position:relative;z-index:2;margin:0 0 16px;font-size:clamp(22px,2vw,32px);line-height:1;letter-spacing:-.065em}
.career-chapter p{position:relative;z-index:2;margin:0 0 24px;color:#b0b1ab;font-size:clamp(11px,.9vw,14px);line-height:1.5}
.career-chapter ul{position:relative;z-index:2;margin:0;padding:0;list-style:none;border-top:1px solid rgba(241,241,237,.1)}
.career-chapter li{position:relative;padding:12px 0 12px 16px;border-bottom:1px solid rgba(241,241,237,.08);color:var(--muted);font-size:clamp(9px,.72vw,12px);line-height:1.35}
.career-chapter li:before{content:'+';position:absolute;left:0;top:12px;color:var(--ink);font:400 9px var(--mono)}
.career-chapter.is-active li{color:#c5c6c0}
@media(max-width:800px){.scene-career .career-heading{left:50%;width:91vw}.scene-career .career-heading .eyebrow{margin-bottom:18px}.scene-career .career-heading h2{gap:.08em;font-size:clamp(39px,11.5vw,64px);line-height:.8;word-spacing:.16em}.scene-career .career-heading .career-bridge{font-size:.68em}.career-quote{display:block;top:67%;width:82vw;font-size:clamp(13px,3.8vw,17px);line-height:1.4}.career-quote cite{margin-top:13px;font-size:7px}.career-chapters{left:5vw;right:5vw;top:27%;bottom:3%;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:5px}.career-chapter{padding:10px 12px 8px}.career-chapter:before{right:9px;top:5px;font-size:50px}.career-chapter time{margin-bottom:9px;font-size:6px}.career-chapter>small{position:absolute;right:12px;top:12px;font-size:5px}.career-chapter h3{margin-bottom:6px;font-size:15px}.career-chapter p{margin-bottom:7px;font-size:8px;line-height:1.3;max-width:85%}.career-chapter ul{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.career-chapter li{padding:5px 0 5px 10px;font-size:6px}.career-chapter li:before{top:5px;font-size:6px}.career-chapter li:nth-child(3){display:none}}

/* Toolkit: an engineering system with a controlled AI-agent loop. */
.scene-stack{padding:0}
.scene-stack .stack-heading{left:7%;top:18%;width:38vw;z-index:5}
.scene-stack .stack-heading h2{display:flex;flex-direction:column;align-items:flex-start;gap:.06em;margin:0;font-size:clamp(46px,5vw,78px);line-height:.82;letter-spacing:-.075em}
.scene-stack .stack-heading h2>span,.scene-stack .stack-heading h2>strong{display:block}
.scene-stack .stack-heading .stack-bridge{color:var(--muted);font:400 .38em var(--mono);letter-spacing:.14em;text-transform:uppercase}
.scene-stack .stack-lead{max-width:470px;margin:27px 0 0;color:#c8c9c3;font-size:clamp(12px,1vw,16px);line-height:1.55}
.stack-toolbelt{display:flex;flex-wrap:wrap;gap:6px;margin-top:25px;max-width:510px}
.stack-toolbelt span{padding:7px 9px;border:1px solid rgba(241,241,237,.14);color:#a9aaa4;font:400 6px var(--mono);letter-spacing:.13em;background:rgba(9,9,9,.42)}
.stack-system{position:absolute;left:48%;right:5%;top:13%;bottom:9%;z-index:4}
.agent-core{position:absolute;left:calc(50% - 110px);top:calc(49% - 47px);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;height:94px;border:1px solid rgba(241,241,237,.34);background:linear-gradient(135deg,rgba(29,29,29,.96),rgba(7,7,7,.9));text-align:center;box-shadow:0 18px 54px rgba(0,0,0,.48),inset 0 0 28px rgba(255,255,255,.025)}
.agent-core:before,.agent-core:after{content:'';position:absolute;width:25px;height:25px;pointer-events:none}.agent-core:before{left:-1px;top:-1px;border-left:1px solid var(--ink);border-top:1px solid var(--ink)}.agent-core:after{right:-1px;bottom:-1px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.agent-core>i{position:absolute;right:14px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--ink);box-shadow:0 0 14px 4px rgba(255,255,255,.3)}
.agent-core small{color:var(--muted);font:400 6px var(--mono);letter-spacing:.18em}.agent-core b{margin:8px 0 6px;font-size:13px;letter-spacing:-.04em}.agent-core span{color:#a8a9a3;font:400 5px var(--mono);letter-spacing:.14em}
.agent-core.is-running>i{animation:agentPulse 1.8s ease-in-out infinite}
.stack-module{position:absolute;z-index:4;width:42%;min-height:126px;padding:16px 17px;border:1px solid rgba(241,241,237,.17);background:linear-gradient(140deg,rgba(25,25,25,.88),rgba(8,8,8,.62));backdrop-filter:blur(8px)}
.stack-module:before{content:'';position:absolute;left:-1px;top:-1px;width:28px;height:1px;background:var(--ink);box-shadow:0 0 9px rgba(255,255,255,.4)}
.stack-module small{color:var(--muted);font:400 6px var(--mono);letter-spacing:.17em}.stack-module h3{margin:22px 0 9px;font-size:clamp(15px,1.25vw,20px);line-height:1.05;letter-spacing:-.05em}.stack-module p{margin:0;color:#9fa09a;font:400 6px/1.55 var(--mono);letter-spacing:.1em}.stack-module>i{position:absolute;right:13px;bottom:12px;color:#858680;font:400 5px var(--mono);letter-spacing:.14em;font-style:normal}.stack-module>i:before{content:'';display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--ink);box-shadow:0 0 8px rgba(255,255,255,.5)}
.module-automation{left:0;top:3%}.module-delivery{right:0;top:3%}.module-agents{left:23%;bottom:2%;width:54%}
@keyframes agentPulse{50%{opacity:.35;box-shadow:0 0 8px 2px rgba(255,255,255,.25)}}
@media(max-width:800px){.scene-stack .stack-heading{left:7vw;right:7vw;top:10%;width:auto}.scene-stack .stack-heading .eyebrow{margin-bottom:13px}.scene-stack .stack-heading h2{font-size:clamp(35px,9.7vw,52px);line-height:.84}.scene-stack .stack-lead{max-width:86vw;margin-top:15px;font-size:10px}.stack-toolbelt{margin-top:13px;gap:4px}.stack-toolbelt span{padding:5px 6px;font-size:5px}.stack-system{left:5vw;right:5vw;top:48%;bottom:5%}.agent-core{left:calc(50% - 75px);top:calc(49% - 34px);width:150px;height:68px}.agent-core:before,.agent-core:after{width:17px;height:17px}.agent-core>i{right:9px;top:9px}.agent-core small{font-size:4px}.agent-core b{margin:6px 0 4px;font-size:9px}.agent-core span{font-size:4px}.stack-module{width:42%;min-height:84px;padding:9px 10px}.stack-module h3{margin:12px 0 6px;font-size:11px}.stack-module p{font-size:4px}.stack-module>i{right:8px;bottom:7px;font-size:4px}.module-agents{left:20%;width:60%}}

/* Contact finale: one statement, two explicit ways to reach out. */
.scene-contact{padding:0}
.scene-contact .contact-copy{left:7%;right:7%;top:18%;z-index:4}
.scene-contact .contact-copy h2{max-width:1180px;margin:0;font-size:clamp(58px,7.2vw,112px);line-height:.84;letter-spacing:-.085em}
.scene-contact .contact-copy h2>span,.scene-contact .contact-copy h2>strong{display:block}
.scene-contact .contact-lead{max-width:650px;margin:36px 0 0;color:#d0d1cb;font-size:clamp(14px,1.18vw,18px);font-weight:500;line-height:1.5}
.scene-contact .contact-label{margin:27px 0 0;color:var(--muted);font:400 8px var(--mono);letter-spacing:.17em}
.contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(920px,78vw);margin-top:11px}
.contact-copy .contact-channel{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;width:auto;min-height:93px;margin:0;padding:17px 19px;border:1px solid rgba(241,241,237,.18);background:linear-gradient(135deg,rgba(24,24,24,.82),rgba(8,8,8,.55));overflow:hidden;text-transform:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s,box-shadow .35s}
.contact-copy .contact-channel:before{content:'';position:absolute;left:-1px;top:-1px;width:34px;height:1px;background:var(--ink);box-shadow:0 0 10px rgba(255,255,255,.5)}
.contact-copy .contact-channel:after{content:'';position:absolute;right:0;bottom:0;width:0;height:1px;background:var(--ink);transition:width .45s ease}
.contact-copy .contact-channel:hover{transform:translateY(-7px);border-color:rgba(241,241,237,.62);background:linear-gradient(135deg,rgba(35,35,35,.94),rgba(10,10,10,.72));box-shadow:0 24px 70px rgba(0,0,0,.45)}
.contact-copy .contact-channel:hover:after{width:100%}
.contact-copy .contact-channel:hover b{transform:translateX(4px)}
.contact-channel small{grid-column:1/-1;margin-bottom:14px;color:var(--muted);font:400 7px var(--mono);letter-spacing:.18em}
.contact-channel b{align-self:end;font-size:clamp(15px,1.3vw,20px);line-height:1;letter-spacing:-.035em;transition:transform .3s ease}
.contact-channel span{align-self:end;margin:0!important;color:#b5b6b0;font:400 7px var(--mono);letter-spacing:.12em}
.contact-email b{font-family:var(--mono);font-size:clamp(12px,1.05vw,16px);font-weight:400;letter-spacing:.02em}
@media(max-width:800px){.scene-contact .contact-copy{left:7vw;right:7vw;top:17%}.scene-contact .contact-copy h2{font-size:clamp(42px,11.8vw,65px);line-height:.88}.scene-contact .contact-lead{max-width:82vw;margin-top:27px;font-size:12px}.scene-contact .contact-label{margin-top:22px;font-size:6px}.contact-actions{grid-template-columns:1fr;width:86vw;margin-top:9px;gap:7px}.contact-copy .contact-channel{min-height:78px;padding:13px 15px}.contact-channel small{margin-bottom:10px}.contact-channel b{font-size:15px}.contact-email b{font-size:11px}}