/* Identity and progressive motion layer. All reading content is visible by default. */
.hero h1>span,.hero h1>em{display:block}
.hero h1{font-size:clamp(45px,4.75vw,68px);line-height:1.1}
.hero-intro{max-width:490px}
.hero-copy{position:relative;z-index:2}
.hero-eyebrow{font-size:9px;letter-spacing:.09em}
.header-actions{gap:15px}
.main-nav{margin-left:0}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:50;background:#9fb86c;transform:scaleX(0);transform-origin:left;pointer-events:none}
.system-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease-out;box-shadow:0 15px 45px #344a2e0b}
.system-card:after{content:'';position:absolute;width:200px;height:200px;left:25%;top:20%;background:#bdd48655;filter:blur(38px);border-radius:50%;z-index:0;pointer-events:none}
.orbit-art,.system-bottom{z-index:1}
.orbit-core{z-index:1}
.orbit-core:before{content:'';position:absolute;inset:-10px;border:1px solid #8da66855;border-radius:50%}
.orbit-stream{stroke-dashoffset:0}
.expertise-grid-four{grid-template-columns:repeat(2,1fr)}
.expertise-card{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s,border-color .25s,box-shadow .25s}
.expertise-card:hover{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);box-shadow:0 14px 30px #203d320c}
.expertise-card h3{font-size:22px}
.expertise-card p{max-width:440px}
.ai-section{background:#203c2f;color:#f3f4e9;position:relative;isolation:isolate;overflow:hidden}
.ai-section:before{content:'';position:absolute;right:-180px;top:-220px;width:720px;height:720px;border:1px solid #b6d78314;border-radius:50%;box-shadow:0 0 0 90px #b6d78305,0 0 0 180px #b6d78304;pointer-events:none;z-index:-1}
.ai-section .section-label .eyebrow,.ai-section .section-number{color:#c2cfb9}
.ai-section .section-heading h2 em{color:#d1e6b2}
.ai-section .section-heading>p{color:#c1cfb9}
.agent-workbench{padding:26px 30px 19px;border:1px solid #6b865766;border-radius:12px;background:#182f25;position:relative}
.workbench-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px/1.6 Consolas,monospace;letter-spacing:.09em;color:#bacbac}
.workbench-label{display:flex;align-items:center;gap:9px}
.live-indicator{width:6px;height:6px;border-radius:50%;background:#d1e6b2;box-shadow:0 0 0 4px #d1e6b217}
.delivery-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:21px;margin-top:30px}
.delivery-stage{position:relative;padding:18px 12px;background:#243f30;border:1px solid #5c765b;border-radius:7px;text-align:left;color:#dfe9d4;min-width:0;transition:background .25s,transform .25s,border-color .25s}
.delivery-stage:hover{transform:translateY(-4px);border-color:#c7dea3}
.delivery-stage[aria-pressed=true]{background:#d1e6b2;color:#203c2f;border-color:#d1e6b2;box-shadow:0 0 24px #bbd59312}
.stage-number{font:9px Consolas,monospace;display:block;margin-bottom:12px}
.delivery-stage strong{font-size:17px;display:block;letter-spacing:-.5px;line-height:1.4}
.delivery-stage>span:nth-of-type(2){font-size:9px;line-height:1.8;display:block;margin-top:5px}
.stage-connector{position:absolute;width:21px;height:1px;left:100%;top:50%;background:#6c855d;pointer-events:none}
.stage-connector:after{content:'';width:4px;height:4px;position:absolute;left:0;top:-1.5px;background:#c8e3a1;border-radius:50%}
.delivery-stage:last-child .stage-connector{display:none}
.stage-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;padding:31px 0 24px;min-height:211px}
.stage-detail .eyebrow{color:#bdd295;font-size:9px}
.stage-detail h3{font-size:25px;letter-spacing:-.8px;margin-top:11px}
.stage-description{font-size:13px;line-height:1.85;color:#c0ceb6;margin-top:14px;max-width:540px}
.stage-responsibility{border-left:1px solid #486044;padding-left:28px;align-self:center}
.stage-responsibility>span{font:9px/1.5 Consolas,monospace;letter-spacing:.09em;color:#cfe3b4}
.stage-responsibility>p{font-size:12px;line-height:1.85;color:#c0ceb6;margin-top:11px}
.workbench-note{font-size:10px;border-top:1px solid #486044;padding-top:15px;color:#b8c9ad}
.ai-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:37px}
.ai-directions article{border-top:1px solid #73906080;padding-top:22px;transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s}
.direction-number{font:9px Consolas,monospace;color:#c1d99e}
.ai-directions h3{font-size:19px;letter-spacing:-.6px;margin-top:13px}
.ai-directions p{font-size:12px;line-height:1.85;margin-top:13px;color:#c1cfb9}
.direction-state{font-size:9px;display:inline-flex;margin-top:20px;color:#d1e6b2;border:1px solid #728c5e88;padding:4px 10px;border-radius:20px}
.journey-grid{grid-template-columns:.7fr 1.3fr;gap:64px;align-items:start}
.journey-intro{position:sticky;top:125px}
.journey-intro h2{font-size:40px;line-height:1.18}
.journey-intro>p{font-size:13px}
.career-index{margin:30px 0 28px;display:flex;flex-direction:column}
.career-index a{display:flex;align-items:center;gap:15px;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line);transition:padding .2s,color .2s}
.career-index a>span:first-child{font:9px Consolas,monospace;color:var(--muted)}
.career-index a>span:last-child{margin-left:auto}
.career-index a:hover{padding-left:6px;color:var(--green)}
.company-entry{border:1px solid var(--line);border-radius:9px;padding:31px 32px;background:var(--paper);scroll-margin-top:120px}
.company-entry+.company-entry{margin-top:24px}
.company-current{border-top:3px solid #8eaa62}
.company-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}
.company-heading .eyebrow{font-size:8px;color:var(--muted)}
.company-heading h3{font-size:30px;margin-top:9px;letter-spacing:-1px}
.company-date{font:10px/1.5 Consolas,monospace;color:var(--muted);white-space:nowrap}
.current-date{border:1px solid var(--line);border-radius:20px;padding:4px 11px;color:var(--ink);font-family:var(--sans);font-size:9px}
.company-summary{font-size:13px;line-height:1.85;margin-top:17px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.company-roles{margin-top:25px;padding-left:19px;border-left:1px solid var(--line)}
.career-role+.career-role{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.role-heading{position:relative}
.role-dot{position:absolute;left:-23px;top:5px;width:7px;height:7px;background:#8eaa62;border-radius:50%;box-shadow:0 0 0 4px var(--paper)}
.role-period{font-size:9px;color:var(--muted);margin:0 0 9px}
.role-heading h4{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.55px;margin:0}
.role-summary{font-size:12px;line-height:1.9;margin-top:12px;color:var(--muted)}
.role-responsibilities{padding-left:17px;margin:15px 0 0;color:var(--ink);font-size:12px;line-height:1.85}
.role-responsibilities li{padding:4px 0 4px 2px}
.role-responsibilities li::marker{color:#789454}
.career-role .tags{margin-top:16px}
.career-role .tags span{font-size:9px}
.contact-star{display:inline-block}
/* Continuous animation is opt-in through the initialized script, with one switch. */
html[data-motion] .orbit-stream{animation:stream-travel 10s linear infinite}
html[data-motion] .stream-two{animation-duration:14s;animation-direction:reverse}
html[data-motion] .orbit-core:before{animation:core-breathe 5s ease-in-out infinite}
html[data-motion] .system-card:after{animation:ambient-drift 12s ease-in-out infinite alternate}
html[data-motion] .orbit-node{animation:node-float 6s ease-in-out infinite}
html[data-motion] .node-systems{animation-delay:-2s}
html[data-motion] .node-delivery{animation-delay:-4s}
html[data-motion] .stage-connector:after{animation:connector-travel 2.5s ease-in-out infinite}
html[data-motion] .delivery-stage:nth-child(2) .stage-connector:after{animation-delay:.5s}
html[data-motion] .delivery-stage:nth-child(3) .stage-connector:after{animation-delay:1s}
html[data-motion] .delivery-stage:nth-child(4) .stage-connector:after{animation-delay:1.5s}
html[data-motion] .hero-copy>*,html[data-motion] .system-top{animation:hero-enter .8s cubic-bezier(.2,.65,.2,1) both;animation-iteration-count:1}
html[data-motion] .hero h1{animation-delay:.07s}
html[data-motion] .hero-intro{animation-delay:.14s}
html[data-motion] .hero-buttons{animation-delay:.21s}
html[data-motion] .current-role{animation-delay:.28s}
@keyframes stream-travel{to{stroke-dashoffset:-100}}
@keyframes core-breathe{0%,100%{scale:1;opacity:.4}50%{scale:1.12;opacity:.8}}
@keyframes node-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes ambient-drift{from{translate:-25px -12px;scale:.85}to{translate:45px 35px;scale:1.2}}
@keyframes connector-travel{0%{translate:0 0;opacity:.4}70%{translate:17px 0;opacity:1}100%{translate:17px 0;opacity:0}}
@keyframes hero-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after,html[data-page-hidden=true] *,html[data-page-hidden=true] *:before,html[data-page-hidden=true] *:after{animation-play-state:paused!important}
html[data-motion=off] .hero-copy>*,html[data-motion=off] .system-top{animation:none!important}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{transition:none!important;scroll-behavior:auto!important}
[data-in-view=false] *,[data-in-view=false]:after{animation-play-state:paused!important}
@media(max-width:1100px){.hero h1{font-size:53px}.header-actions{gap:8px}.main-nav{gap:20px}.journey-grid{gap:35px;grid-template-columns:.7fr 1.3fr}.journey-intro h2{font-size:33px}.company-entry{padding:25px}.delivery-stages{gap:14px}.stage-connector{width:14px}.stage-detail{gap:26px}.stage-description{font-size:12px}.stage-responsibility{padding-left:22px}.stage-responsibility>p{font-size:11px}.hero-buttons{gap:18px}.hero-buttons .button{padding-inline:18px;gap:15px}}
@media(max-width:900px) and (min-width:761px){.hero h1{font-size:44px}.hero-eyebrow{font-size:7px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:16px}.system-top .eyebrow{font-size:7px}.delivery-stage{padding:14px 10px}.delivery-stage strong{font-size:15px}.delivery-stage>span:nth-of-type(2){font-size:8px}.company-entry{padding:23px 20px}.role-heading h4{font-size:18px}.company-date{font-size:8px}.main-nav{gap:14px;font-size:12px}.header-contact{font-size:10px}.brand{font-size:17px}.header-inner{gap:18px}}
@media(max-width:760px){.hero h1{font-size:clamp(45px,8vw,65px)}.hero-eyebrow{font-size:8px}.hero-buttons{flex-direction:row;gap:22px}.header-actions{gap:5px}.header-contact{display:none}.system-card:after{width:140px;height:140px}.expertise-grid-four{grid-template-columns:1fr}.expertise-card h3{font-size:21px}.ai-section .section-heading h2{font-size:37px}.agent-workbench{padding:22px 18px 18px}.workbench-top{gap:12px;font-size:8px;align-items:flex-start}.workbench-top>span:last-child{text-align:right;max-width:90px}.delivery-stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:25px}.delivery-stage{padding:12px 5px;text-align:center;min-height:76px}.stage-number{font-size:8px;margin-bottom:10px}.delivery-stage strong{font-size:11px;letter-spacing:-.3px}.delivery-stage>span:nth-of-type(2){display:none}.stage-connector{width:7px}.stage-connector:after{width:3px;height:3px}.stage-detail{grid-template-columns:1fr;gap:20px;padding-top:25px;min-height:310px}.stage-detail h3{font-size:23px}.stage-description{font-size:12px}.stage-responsibility{border-left:2px solid #829f65;padding-left:16px}.stage-responsibility>p{font-size:11px;line-height:1.85;margin-top:8px}.workbench-note{font-size:9px}.ai-directions{grid-template-columns:1fr;gap:27px;margin-top:29px}.ai-directions article{padding-top:19px}.ai-directions h3{font-size:20px;margin-top:9px}.ai-directions p{font-size:13px}.direction-state{margin-top:14px}.journey-grid{grid-template-columns:1fr;gap:33px}.journey-intro{position:static}.journey-intro h2{font-size:38px}.career-index{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:25px}.career-index a{font-size:11px;gap:10px}.journey-intro>.education-note{display:none}.company-entry{padding:25px 22px;scroll-margin-top:95px}.company-heading{gap:14px}.company-heading h3{font-size:27px}.company-heading .eyebrow{font-size:7px}.company-date{font-size:9px}.company-summary{font-size:13px}.role-heading h4{font-size:18px}.role-summary{font-size:12px}.role-responsibilities{font-size:12px}.company-roles{padding-left:16px}.role-dot{left:-20px}.career-role .tags span{font-size:8px}.contact-card h2{font-size:39px}}
@media(max-width:390px){.hero h1{font-size:43px}.hero-eyebrow{font-size:7px}.hero-buttons{gap:18px}.hero-buttons .button{font-size:10px;gap:12px;padding-inline:14px}.hero-buttons .text-link{font-size:10px}.ai-section .section-heading h2{font-size:33px}.delivery-stages{gap:5px}.delivery-stage strong{font-size:10px}.stage-detail h3{font-size:21px}.company-entry{padding:24px 18px}.company-date{font-size:8px}.company-heading h3{font-size:25px}.journey-intro h2{font-size:35px}.brand{font-size:16px}.header-actions{gap:2px}.header-inner{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.system-card,.expertise-card,.expertise-card:hover,.ai-directions article{transform:none!important}.hero-copy>*,.system-top{opacity:1!important;translate:none!important}}
@media print{.motion-toggle,.reading-progress,.career-index{display:none!important}.journey-intro{position:static}.journey-grid{display:block}.company-entry{break-inside:avoid;margin-block:15px}.ai-section{background:white;color:black}.ai-section p,.ai-section h3{color:black}.agent-workbench{display:none}.ai-directions{display:block}.career-companies{margin-top:20px}.hero h1{font-size:38px}}
