:root { --ink:#202136; --muted:#777887; --line:#dfe2ea; --paper:#fbfaf7; --electric:#d66a2f; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:#efefed; color:var(--ink); }
body { font-family:Arial,Helvetica,sans-serif; }
.site-shell { min-height:100vh; display:grid; place-items:center; padding:24px; }
.career-canvas { width:min(1600px,calc(100vw - 48px)); aspect-ratio:16/9; min-height:680px; overflow:hidden; background:var(--paper); border:1px solid rgba(32,33,54,.08); box-shadow:0 28px 80px rgba(32,33,54,.12); padding:clamp(38px,4.6vw,74px) clamp(40px,5vw,84px) 34px; display:flex; flex-direction:column; }
.minimal-header { display:flex; justify-content:space-between; align-items:flex-start; }
.eyebrow,.identity p,.lane-title,.milestone small { letter-spacing:.24em; text-transform:uppercase; font-weight:700; }
.eyebrow { color:#e8622c; font-size:13px; margin:0; }
.identity { text-align:right; }
.identity p { font-size:10px; margin:0 0 7px; }
.identity span { color:var(--muted); font-size:13px; }

.timeline { position:relative; margin-top:auto; padding-bottom:44px; min-height:500px; display:flex; flex-direction:column; justify-content:flex-end; }
.year-guides { position:absolute; inset:0 0 43px 118px; display:grid; grid-template-columns:repeat(9,1fr); }
.year-guides span { border-left:1px solid var(--line); }
.year-guides span:last-child { border-right:1px solid var(--line); }
.lane { position:relative; display:grid; grid-template-columns:118px repeat(9,1fr); column-gap:10px; align-items:stretch; z-index:1; }
.lane + .lane { margin-top:24px; }
.lane-title { grid-column:1; align-self:center; font-size:9px; color:var(--muted); margin:0; }
.bar { border-radius:10px; padding:13px 16px; display:flex; flex-direction:column; justify-content:center; min-width:0; }
.bar strong { font-size:14px; line-height:1.15; }
.bar span { font-size:10px; color:rgba(32,33,54,.65); margin-top:5px; line-height:1.25; }

.foundation-one { grid-column:2/4; background:linear-gradient(90deg,rgba(248,212,200,.28) 0%,#f8d4c8 34%,#f8d4c8 100%); border-radius:0 10px 10px 0; }
.foundation-one::before { content:""; position:absolute; right:100%; top:0; bottom:0; width:84px; background:linear-gradient(90deg,rgba(248,212,200,0),rgba(248,212,200,.28)); }
.foundation-two { grid-column:5/7; background:#f4c0ae; }
.early-work { grid-column:3/6; background:#f8ecc7; }
.aeq-role { grid-column:6/11; background:#f8ecc7; }

.selected-work-lane { align-items:start; }
.milestone { min-height:96px; padding:15px 16px; border-top:3px solid #c8ced8; background:rgba(255,255,255,.84); box-shadow:0 10px 24px rgba(32,33,54,.045); }
.milestone small { font-size:8px; color:#8b5c47; }
.milestone h2 { font-family:Georgia,'Times New Roman',serif; font-size:18px; font-weight:400; margin:7px 0 5px; }
.milestone p { margin:0; font-size:10px; color:var(--muted); }
.enterprise { grid-column:6/8; }
.immersive { grid-column:8/9; }
.ai { grid-column:9/11; border-color:var(--electric); position:relative; padding-right:104px; }
.ai h2 { color:var(--electric); }
.proof-point { position:absolute; right:12px; top:12px; width:82px; }
.proof-point b { display:block; color:var(--electric); font-family:Georgia,serif; font-size:36px; line-height:.9; font-weight:400; }
.proof-point span { display:block; margin-top:7px; color:#5e6070; font-size:8px; line-height:1.15; text-transform:uppercase; letter-spacing:.08em; }

.focus-path { grid-column:2/11; list-style:none; display:grid; grid-template-columns:repeat(9,1fr); column-gap:10px; padding:0; margin:0; }
.focus-path li { position:relative; padding:13px 14px; background:#dceaf2; border-radius:9px; font-size:11px; }
.focus-path li:not(:last-child)::after { content:'→'; position:absolute; right:-17px; color:#768a9e; z-index:2; }
.focus-one { grid-column:2/4; }
.focus-two { grid-column:4/6; }
.focus-three { grid-column:6/8; }
.focus-four { grid-column:8/10; background:#dceaf2!important; color:var(--ink); }
.year-axis { position:absolute; left:118px; right:0; bottom:8px; display:grid; grid-template-columns:repeat(9,1fr); color:#9b9ba5; font-size:10px; }
.year-axis span { transform:translateX(-50%); }
.year-axis span:last-child { transform:translateX(-35%); color:var(--electric); font-weight:700; }

@media(max-width:0px) {
  .site-shell { display:block; padding:0; background:var(--paper); }
  .career-canvas { width:100%; min-height:100vh; aspect-ratio:auto; border:0; box-shadow:none; padding:28px 22px; overflow:visible; }
  .minimal-header { display:block; }
  .identity { text-align:left; margin-top:16px; }
  .timeline { display:flex; gap:20px; min-height:0; padding:0; margin-top:80px; }
  .year-guides,.year-axis { display:none; }
  .lane { display:block; }
  .lane + .lane { margin-top:8px; }
  .lane-title { margin-bottom:8px; }
  .bar,.milestone,.focus-path li { margin-bottom:9px; }
  .focus-path { display:block; }
  .focus-path li::after { display:none; }
  .ai { padding-right:112px; }
}

/* Timeline accuracy pass */
.career-timeline { min-height:475px; }
.career-timeline .lane + .lane { margin-top:15px; }
.lane-track { grid-column:2/11; position:relative; min-height:64px; }
.lane-track .early-work,.lane-track .aeq-role { position:absolute; top:0; bottom:0; }
.lane-track .early-work { left:4%; width:52.8%; }
.lane-track .aeq-role { left:56.8%; width:43.2%; border:0; color:var(--ink); text-align:left; cursor:pointer; flex-direction:row; align-items:center; justify-content:space-between; }
.aeq-role>span { min-width:0; display:flex; flex-direction:column; }
.aeq-role small { margin-top:5px; color:rgba(32,33,54,.65); font-size:9px; }
.aeq-role i { flex:0 0 24px; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,.55); color:#8b6d22; font-style:normal; transition:transform .2s ease,background .2s ease; }
.aeq-role:hover,.aeq-role:focus-visible { background:#f2dda0; outline:2px solid rgba(49,92,255,.28); outline-offset:2px; }
.aeq-role[aria-expanded="true"] i { transform:rotate(180deg); background:white; }
.community-track { min-height:76px; }
.community-item { position:absolute; min-height:34px; padding:7px 10px; border:0; border-radius:8px; background:#dceaf2; color:var(--ink); text-align:left; overflow:hidden; }
.community-item strong,.community-item span,.community-item small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.community-item strong { font-size:9px; }
.community-item span,.community-item small { margin-top:2px; color:#65727d; font-size:7px; }
.research-community { left:31.25%; width:12.5%; top:0; cursor:pointer; }
.ga-community { left:40.6%; width:13.5%; top:39px; }
.vanux-community { left:53%; width:17%; top:0; }
.adplist-community { left:62.5%; width:37.5%; top:39px; }
.research-community:hover,.research-community:focus-visible,.research-community[aria-pressed="true"] { background:#c8dfec; outline:2px solid var(--electric); outline-offset:2px; }
.focus-track { min-height:62px; }
.focus-phase { position:absolute; min-height:28px; padding:8px 12px; border-radius:8px; background:#dceaf2; font-size:9px; line-height:1.2; }
.systems-phase { left:12.5%; width:44.3%; top:0; }
.vr-phase { left:56.25%; width:43.75%; top:32px; }
.multimodal-phase { left:68.75%; width:31.25%; top:0; }
.focus-lane.research-selected .focus-phase { opacity:.34; filter:grayscale(1); }
.aeq-gantt { width:100%; animation:detail-in .28s ease both; }
.gantt-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:10px; }
.gantt-heading small { color:#9b7928; font-size:8px; font-weight:700; letter-spacing:.17em; }
.gantt-heading h1 { margin:6px 0 0; font:400 25px/1 Georgia,serif; }
.gantt-heading button { width:32px; height:32px; border:1px solid #d6c994; border-radius:50%; background:#fffaf0; color:#7c621e; cursor:pointer; }
.gantt-axis { margin-left:120px; display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid #ded8c7; color:#999181; font-size:7px; }
.gantt-row { display:grid; grid-template-columns:110px 1fr; gap:10px; align-items:stretch; margin-top:7px; }
.gantt-row>strong { align-self:center; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.gantt-row>div { display:flex; gap:5px; min-height:27px; }
.gantt-row span { display:flex; align-items:center; padding:6px 9px; border-radius:6px; font-size:7px; line-height:1.15; }
.enterprise-row span { background:#f8ecc7; }
.enterprise-row span:nth-child(1) { flex:1.25; }
.enterprise-row span:nth-child(2) { flex:1; }
.enterprise-row span:nth-child(3) { flex:.9; }
.immersive-row span { background:#dceaf2; flex:1; }
.ai-row span { width:44%; margin-left:auto; background:#e5e2f8; }

@media(max-width:0px) {
  .lane-track { min-height:auto; }
  .lane-track .early-work,.lane-track .aeq-role,.community-item,.focus-phase { position:relative; inset:auto; width:100%; margin-bottom:8px; }
  .community-track,.focus-track { min-height:0; }
  .aeq-gantt { padding-top:10px; }
  .gantt-axis { display:none; }
  .gantt-row { grid-template-columns:1fr; }
  .gantt-row>div { flex-direction:column; }
  .gantt-row span,.ai-row span { width:100%; margin-left:0; }
}

/* Interactive career-document V2 */
.identity-only { min-height:30px; }
.v2-canvas { padding-top:42px; }
.project-stage { min-height:185px; padding-top:10px; padding-bottom:12px; }
.career-timeline { min-height:430px; margin-top:0; }
.career-lane { align-items:stretch; }
.expandable-bar,.interactive-role { border:0; text-align:left; color:var(--ink); font-family:inherit; cursor:pointer; }
.expandable-bar i,.interactive-role i { position:absolute; right:14px; top:50%; transform:translateY(-50%); color:#9b7928; font-size:17px; font-style:normal; font-weight:400; }
.expandable-bar:hover,.expandable-bar:focus-visible,.interactive-role:hover,.interactive-role:focus-visible { box-shadow:0 10px 24px rgba(32,33,54,.12); outline:2px solid rgba(49,92,255,.35); outline-offset:2px; }
.early-career-expanded { grid-column:2/6; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; animation:detail-in .28s ease both; }
.career-segment { min-width:0; min-height:64px; padding:10px; border:0; border-radius:9px; background:#f8ecc7; color:var(--ink); text-align:left; cursor:pointer; }
.career-segment:hover,.career-segment:focus-visible { background:#f2dda0; outline:2px solid rgba(49,92,255,.32); outline-offset:1px; }
.career-segment strong,.career-segment span { display:block; }
.career-segment strong { font-size:10px; line-height:1.2; }
.career-segment span { margin-top:5px; color:#77705c; font-size:8px; line-height:1.2; }
.selected-work-document-lane { align-items:start; }
.work-document { grid-column:6/11; border-top:1px solid #bbbcc5; border-bottom:1px solid #d8d9df; background:rgba(255,255,255,.72); }
.work-summary { min-height:48px; display:flex; align-items:center; padding:10px 15px; }
.work-summary span { display:flex; align-items:baseline; gap:12px; }
.work-summary strong { font:400 17px/1 Georgia,serif; }
.work-summary small { color:#858793; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.lane-toggle { padding:10px 0; border:0; background:transparent; text-align:left; cursor:pointer; }
.lane-toggle:hover,.lane-toggle:focus-visible,.lane-toggle[aria-expanded="true"] { color:var(--electric); outline:none; }
.lane-toggle::after { content:'↗'; display:block; margin-top:6px; font-size:10px; letter-spacing:0; opacity:.55; }
.lane-toggle[aria-expanded="true"]::after { content:'×'; }
.document-chapters { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #e0e1e6; animation:document-open .25s ease both; }
.document-chapters button { min-height:78px; border:0; border-right:1px solid #e1e2e7; background:transparent; color:var(--ink); padding:12px 14px; text-align:left; cursor:pointer; }
.document-chapters button:last-child { border-right:0; }
.document-chapters button:hover,.document-chapters button:focus-visible,.document-chapters button.active { background:#eef2ff; outline:none; }
.document-chapters small,.document-chapters strong,.document-chapters span { display:block; }
.document-chapters small { color:var(--electric); font-size:8px; letter-spacing:.12em; }
.document-chapters strong { margin-top:7px; font-size:11px; }
.document-chapters span { margin-top:5px; color:#757785; font-size:9px; }
.education-lane { margin-top:24px; }
.hover-split { overflow:hidden; position:relative; padding:0; }
.bar-summary { min-height:64px; padding:13px 38px 13px 16px; display:flex; flex-direction:column; justify-content:center; transition:opacity .18s ease,transform .18s ease; }
.bar-summary strong { font-size:14px; line-height:1.15; }
.bar-summary span { margin-top:5px; color:rgba(32,33,54,.65); font-size:10px; line-height:1.25; }
.bar-summary i { position:absolute; right:14px; top:50%; transform:translateY(-50%); color:#9b7928; font-size:17px; font-style:normal; }
.split-segments { position:absolute; inset:0; display:grid; grid-template-columns:repeat(4,1fr); opacity:0; pointer-events:none; transform:translateY(5px); transition:opacity .18s ease,transform .18s ease; }
.split-segments.aeq-segments { grid-template-columns:repeat(3,1fr); }
.split-segments>span { min-width:0; padding:11px 10px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(125,101,39,.2); }
.split-segments>span:last-child { border-right:0; }
.split-segments b { font-size:9px; line-height:1.15; }
.split-segments small { margin-top:4px; color:#77705c; font-size:7px; line-height:1.15; }
.hover-split:hover .bar-summary,.hover-split:focus-visible .bar-summary { opacity:0; transform:translateY(-5px); }
.hover-split:hover .split-segments,.hover-split:focus-visible .split-segments { opacity:1; transform:none; }
.hover-split:hover,.hover-split:focus-visible { background:#f2dda0; }
.hover-split:focus-visible { outline:2px solid rgba(49,92,255,.35); outline-offset:2px; }
.focus-path li { transition:opacity .2s ease,filter .2s ease; }
.focus-path button { width:100%; height:100%; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; font:inherit; }
.focus-path button b,.focus-path button span { display:block; }
.focus-path button b { font-size:11px; }
.focus-path button span { margin-top:4px; color:#637688; font-size:8px; }
.focus-path button:hover b,.focus-path button:focus-visible b,.focus-path button[aria-pressed="true"] b { color:var(--electric); }
.focus-path button:focus-visible { outline:2px solid var(--electric); outline-offset:4px; border-radius:3px; }
.focus-lane.research-selected .focus-path li { opacity:.34; filter:grayscale(1); }
.focus-lane.research-selected .focus-path .focus-two { opacity:1; filter:none; box-shadow:0 10px 24px rgba(49,92,255,.12); }
.research-detail { grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr); align-items:center; gap:48px; }
.research-image { width:100%; max-height:250px; object-fit:contain; object-position:center; filter:drop-shadow(0 12px 24px rgba(32,33,54,.1)); }

@keyframes document-open { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }

@media(max-width:0px) {
  .v2-canvas { padding-top:28px; }
  .identity-only .identity { margin-left:auto; text-align:right; }
  .project-stage { min-height:290px; }
  .early-career-expanded { display:grid; grid-template-columns:1fr 1fr; }
  .work-document { width:100%; }
  .document-chapters { grid-template-columns:1fr; }
  .document-chapters button { border-right:0; border-bottom:1px solid #e1e2e7; }
  .education-lane { margin-top:4px; }
  .research-detail { grid-template-columns:1fr; }
  .research-image { max-height:none; }
  .split-segments { position:relative; opacity:1; transform:none; pointer-events:auto; }
  .bar-summary { display:none; }
  .hover-split { min-height:68px; }
}

@media(prefers-reduced-motion:no-preference) {
  .bar,.milestone,.focus-path li { animation:rise .6s ease both; }
  .practice-lane .bar { animation-delay:.08s; }
  .selected-work-lane .milestone { animation-delay:.16s; }
  .focus-lane li { animation-delay:.24s; }
  @keyframes rise { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
}

/* Interactive V2 */
.header-actions { display:flex; align-items:flex-start; gap:28px; }
.overview-button { border:0; border-bottom:1px solid #b8bac4; background:transparent; color:#666877; padding:2px 0 5px; font:600 9px/1 Arial,sans-serif; letter-spacing:.18em; text-transform:uppercase; cursor:pointer; }
.overview-button:hover,.overview-button:focus-visible,.overview-button[aria-pressed="true"] { color:var(--electric); border-color:var(--electric); outline:none; }
.detail-stage { flex:1; min-height:190px; display:flex; align-items:center; padding:22px 118px 18px; }
.interaction-hint { margin:auto; color:#a1a3ad; font-size:11px; letter-spacing:.08em; }
.interaction-hint span { display:inline-block; width:7px; height:7px; margin-right:8px; border:2px solid var(--electric); border-radius:50%; vertical-align:1px; }
.detail-content { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:64px; align-items:end; animation:detail-in .36s ease both; }
.detail-copy small { color:var(--electric); font-size:9px; letter-spacing:.2em; font-weight:700; }
.detail-copy h1 { max-width:820px; margin:13px 0 12px; font:400 clamp(29px,2.6vw,44px)/1.05 Georgia,'Times New Roman',serif; letter-spacing:-.025em; }
.detail-copy>p { max-width:760px; margin:0; color:#626473; font-size:13px; line-height:1.55; }
.detail-copy ul { display:flex; flex-wrap:wrap; gap:8px 22px; list-style:none; margin:18px 0 0; padding:0; }
.detail-copy li { color:#444657; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.detail-metric { border-left:2px solid var(--electric); padding:4px 0 4px 22px; }
.detail-metric b { display:block; color:var(--electric); font:400 54px/.9 Georgia,serif; }
.detail-metric span { display:block; max-width:170px; margin-top:11px; color:#686a79; font-size:10px; line-height:1.35; text-transform:uppercase; letter-spacing:.08em; }
.interactive-timeline { min-height:390px; margin-top:0; }
.v1-timeline { margin-top:auto; }
.bar,.milestone { position:relative; transition:box-shadow .22s ease,transform .22s ease; }
.bar.selected,.milestone.selected { box-shadow:0 12px 28px rgba(49,92,255,.16); transform:translateY(-3px); }
.detail-dot { position:absolute; top:-8px; right:12px; width:22px; height:22px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.94); box-shadow:0 3px 9px rgba(32,33,54,.16); cursor:pointer; z-index:4; }
.detail-dot span { position:absolute; inset:7px; border-radius:50%; background:#9ea3ad; transition:inset .18s ease,background .18s ease; }
.detail-dot:hover span,.detail-dot:focus-visible span,.detail-dot.active span { inset:5px; background:var(--electric); }
.detail-dot:focus-visible { outline:2px solid var(--electric); outline-offset:3px; }

@keyframes detail-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

@media(max-width:0px) {
  .header-actions { margin-top:16px; justify-content:space-between; }
  .header-actions .identity { margin-top:0; text-align:right; }
  .detail-stage { min-height:300px; padding:48px 0 20px; align-items:flex-start; }
  .detail-content { grid-template-columns:1fr; gap:24px; }
  .detail-metric { max-width:240px; }
  .interactive-timeline { margin-top:20px; }
}

@media(min-width:981px) {
  .career-timeline { min-height:475px; }
}

/* Consolidated focus journey */
.focus-track { min-height:58px; }
.focus-journey { position:absolute; left:4%; width:96%; top:0; min-height:58px; display:grid; grid-template-columns:1fr 1.25fr 1fr 1.45fr; overflow:hidden; border-radius:9px; background:#dceaf2; }
.focus-journey>button,.focus-journey>span { min-width:0; padding:11px 12px; display:flex; flex-direction:column; justify-content:center; border:0; border-right:1px solid rgba(82,112,135,.18); background:transparent; color:var(--ink); text-align:left; }
.focus-journey>span:last-child { border-right:0; }
.focus-journey>button { cursor:pointer; font:inherit; }
.focus-journey strong,.focus-journey small { display:block; }
.focus-journey strong { font-size:9px; line-height:1.18; }
.focus-journey small { margin-top:5px; color:#617585; font-size:7px; line-height:1.15; }
.focus-journey>button:hover,.focus-journey>button:focus-visible,.focus-journey>button[aria-pressed="true"] { background:#c8dfec; outline:none; }
.focus-lane.research-selected .focus-journey>span { opacity:.36; filter:grayscale(1); }
.focus-lane.research-selected .focus-journey>button { background:#c8dfec; }

@media(max-width:0px) {
  .focus-journey { position:relative; left:auto; width:100%; grid-template-columns:1fr; }
  .focus-journey>button,.focus-journey>span { border-right:0; border-bottom:1px solid rgba(82,112,135,.18); }
}

/* Header selected-work menu */
.identity-menu { position:relative; z-index:20; }
.selected-work-trigger { margin-top:12px; padding:7px 0 5px; border:0; border-bottom:1px solid #b8bac4; background:transparent; color:#555766; font:700 9px/1 Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }
.selected-work-trigger i { display:inline-block; margin-left:8px; color:var(--electric); font-size:12px; font-style:normal; }
.selected-work-trigger:hover,.selected-work-trigger:focus-visible,.selected-work-trigger[aria-expanded="true"] { color:var(--electric); border-color:var(--electric); outline:none; }
.selected-work-menu { position:absolute; top:76px; right:0; width:285px; padding:7px; border:1px solid #dedfe5; border-radius:10px; background:rgba(255,255,255,.97); box-shadow:0 18px 48px rgba(32,33,54,.14); text-align:left; animation:document-open .2s ease both; }
.selected-work-menu>button { width:100%; display:grid; grid-template-columns:26px 1fr; gap:8px; align-items:center; padding:10px; border:0; border-radius:7px; background:transparent; color:var(--ink); text-align:left; cursor:pointer; }
.selected-work-menu>button:hover,.selected-work-menu>button:focus-visible,.selected-work-menu>button.active { background:#eef2ff; outline:none; }
.selected-work-menu small { color:var(--electric); font-size:8px; letter-spacing:.1em; }
.selected-work-menu>button span { margin:0; color:inherit; }
.selected-work-menu strong,.selected-work-menu em { display:block; }
.selected-work-menu strong { font-size:11px; }
.selected-work-menu em { margin-top:4px; color:#777987; font-size:8px; font-style:normal; }

@media(max-width:0px) {
  .selected-work-menu { position:absolute; top:76px; right:0; width:min(285px,calc(100vw - 44px)); }
}

/* Clean identity and project filters */
.clean-header { width:100%; align-items:flex-start; position:relative; z-index:20; }
.identity-left { text-align:left; }
.identity-left p { margin:0 0 5px; font-family:Didot,"Bodoni 72","Times New Roman",serif; font-size:22px; font-weight:400; letter-spacing:.01em; text-transform:none; }
.identity-left>span { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px; font-weight:400; letter-spacing:.02em; }
.project-filters { display:flex; align-items:center; gap:7px; padding-top:2px; }
.project-filters button { padding:8px 12px; border:1px solid #d9dbe2; border-radius:999px; background:transparent; color:#5d5f6d; font:500 9px/1 "Helvetica Neue",Helvetica,Arial,sans-serif; cursor:pointer; transition:background .18s ease,border-color .18s ease,color .18s ease; }
.project-filters button:hover,.project-filters button:focus-visible { border-color:#9ca6ca; color:var(--ink); outline:none; }
.project-filters button.active { border-color:var(--electric); background:var(--electric); color:white; }

@media(max-width:0px) {
  .clean-header { display:flex; gap:22px; }
  .identity-left { margin-top:0!important; }
  .project-filters { flex-wrap:wrap; justify-content:flex-end; }
}

/* Exact 2018–2026 axis: nine year nodes across eight intervals */
.year-guides { display:block; }
.year-guides span { position:absolute; top:0; bottom:0; width:1px; border:0; background:var(--line); transform:translateX(-.5px); }
.year-guides span:last-child { border:0; }
.year-axis { display:block; }
.year-axis span { position:absolute; top:0; transform:translateX(-50%); white-space:nowrap; }
.year-axis span:first-child { transform:none; }
.year-axis span:last-child { transform:translateX(-100%); color:var(--electric); font-weight:700; }
.lane-track .early-work { left:4.17%; width:52.08%; }
.lane-track .aeq-role { left:56.25%; width:43.75%; }
.split-segments { grid-template-columns:15% 15% 40% 30%; }
.education-track { min-height:58px; }
.education-track .foundation-one,.education-track .foundation-two { position:absolute; top:0; bottom:0; }
.education-track .foundation-one { left:0; width:21.875%; }
.education-track .foundation-two { left:40.625%; width:15.625%; }

@media(max-width:0px) {
  .education-track .foundation-one,.education-track .foundation-two { position:relative; inset:auto; width:100%; }
}

/* Extend through 2027, with Aug 2026 as the factual cutoff */
.year-axis span:last-child { color:#9b9ba5; font-weight:400; }
.lane-track .early-work { left:3.704%; width:44.444%; }
.lane-track .aeq-role { left:50%; width:50%; background:linear-gradient(90deg,#f8ecc7 0%,#f8ecc7 92.592%,rgba(248,236,199,0) 100%); }
.lane-track .aeq-role,.lane-track .aeq-role strong { color:#111; }
.lane-track .aeq-role:hover,.lane-track .aeq-role:focus-visible { background:linear-gradient(90deg,#f2dda0 0%,#f2dda0 92.592%,rgba(242,221,160,0) 100%); outline:none; box-shadow:0 8px 20px rgba(72,61,27,.1); }
.focus-journey { left:3.704%; width:96.296%; background:linear-gradient(90deg,#dceaf2 0%,#dceaf2 96.154%,rgba(220,234,242,0) 100%); }
.education-track .foundation-one { left:0; width:19.444%; }
.education-track .foundation-two { left:36.111%; width:13.889%; background:#f8d4c8; }

@media(max-width:0px) {
  .lane-track .aeq-role,.focus-journey { background:#f8ecc7; }
  .focus-journey { background:#dceaf2; }
}

/* Refined timeline density and typography */
@media(min-width:981px) {
  .career-timeline { min-height:340px; }
  .year-guides { top:auto; height:250px; }
}
.aeq-role .aeq-icon { flex:0 0 24px; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,.58); color:#77601f; font-style:normal; transform:none; transition:background .18s ease,transform .18s ease; }
.aeq-role:hover .aeq-icon,.aeq-role:focus-visible .aeq-icon { background:rgba(255,255,255,.88); transform:translateY(-1px); }
.aeq-role[aria-expanded="true"] .aeq-icon { transform:none; background:rgba(255,255,255,.88); }
.gantt-heading button { display:grid; place-items:center; }
.bar-summary strong,.aeq-role strong,.split-segments b,.focus-journey strong { font-size:11px; line-height:1.18; }
.bar-summary span,.aeq-role small,.split-segments small,.focus-journey small { font-size:8px; line-height:1.2; }

/* Dense-label legibility review */
.education-track .bar strong { font-size:11px; line-height:1.18; }
.education-track .bar span { margin-top:5px; font-size:8px; line-height:1.2; }
.split-segments { grid-template-columns:20% 15% 39% 26%; }
.split-segments>span { padding:8px 7px; }
.split-segments b { font-size:9px; line-height:1.12; overflow-wrap:normal; }
.split-segments small { margin-top:4px; font-size:7px; line-height:1.15; }

/* V3: Aequilibrium project taxonomy */
.aeq-project-map { width:100%; animation:detail-in .28s ease both; }
.project-map-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:14px; }
.project-map-heading small { color:#9b7928; font-size:8px; font-weight:700; letter-spacing:.17em; }
.project-map-heading h1 { margin:6px 0 0; font:400 25px/1 Georgia,"Times New Roman",serif; }
.project-map-heading button { width:32px; height:32px; display:grid; place-items:center; border:1px solid #d6c994; border-radius:50%; background:#fffaf0; color:#7c621e; cursor:pointer; }
.project-area-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.project-area { min-width:0; padding:13px 14px; border:1px solid rgba(32,33,54,.07); border-radius:11px; }
.enterprise-area { background:#fbf1d5; }
.immersive-area { background:#e7f0f5; }
.ai-learning-area { background:#eceaf8; }
.project-area header small { color:#767886; font-size:7px; letter-spacing:.12em; }
.project-area h2 { margin:4px 0 4px; font:400 17px/1.05 Georgia,"Times New Roman",serif; }
.project-area header p { margin:0; color:#666877; font-size:8px; line-height:1.25; }
.project-area ul { display:grid; gap:4px; margin:10px 0 0; padding:0; list-style:none; }
.project-area li { padding:5px 7px; border-radius:5px; background:rgba(255,255,255,.62); color:#3e4050; font-size:7px; line-height:1.2; }

@media(max-width:0px) {
  .project-area-grid { grid-template-columns:1fr; }
}

/* Projection-friendly project cards */
.project-map-heading { margin-bottom:18px; }
.project-map-heading small { color:#6f7180; font-size:10px; }
.project-map-heading h1 { margin-top:8px; font-size:30px; }
.project-map-heading button { border-color:#d8d9df; background:white; color:#555765; box-shadow:0 5px 14px rgba(32,33,54,.06); }
.project-area-grid { gap:14px; align-items:stretch; }
.project-area { padding:18px; border:1px solid #e4e5e9; border-radius:14px; background:#fff; box-shadow:0 14px 34px rgba(32,33,54,.075); }
.enterprise-area,.immersive-area,.ai-learning-area { background:#fff; }
.project-area header small { color:#777987; font-size:9px; font-weight:700; letter-spacing:.11em; }
.project-area h2 { margin:7px 0 8px; font-size:21px; line-height:1.06; }
.project-area header p { color:#5f6170; font-size:10.5px; line-height:1.42; }
.project-area ul { gap:6px; margin-top:14px; }
.project-area li { padding:8px 9px; border:1px solid #ececf0; border-radius:7px; background:#fafafa; font-size:10px; line-height:1.25; }
.project-area li strong,.project-area li span { display:block; }
.project-area li strong { font-size:10.5px; }
.project-area li span { margin-top:3px; color:#737582; font-size:9px; line-height:1.3; }
.featured-project { margin-top:14px; padding:11px; border:1px solid #e7e7ec; border-radius:8px; background:#fafafa; }
.featured-project strong,.featured-project span { display:block; }
.featured-project strong { font-size:11px; line-height:1.22; }
.featured-project span { margin-top:5px; color:#6d6f7c; font-size:9px; line-height:1.35; }
.scenario-list { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.scenario-list span { padding:6px 8px; border:1px solid #e4e5e9; border-radius:999px; background:white; color:#555765; font-size:8.5px; white-space:nowrap; }

/* Warm brand accent and calmer project experience cards */
.project-stage.has-detail { padding-top:38px; }
.project-filters button:hover,.project-filters button:focus-visible { border-color:#d9a17d; color:#a84f24; }
.project-map-heading { align-items:center; margin-bottom:22px; }
.project-map-heading small { color:var(--electric); }
.project-map-heading h1 { max-width:760px; margin-top:9px; font-size:29px; line-height:1.08; }
.project-map-heading button { border-color:#ead8ca; background:#fffaf6; color:var(--electric); box-shadow:0 7px 18px rgba(104,70,43,.07); }
.project-map-heading button:hover,.project-map-heading button:focus-visible { border-color:#d9a17d; background:#fff4ec; outline:none; }
.project-area-grid { gap:18px; }
.project-area { position:relative; padding:21px; overflow:hidden; border-color:#e8e0d6; border-top:3px solid rgba(214,106,47,.58); border-radius:16px; background:#fffdf9; box-shadow:0 18px 42px rgba(79,57,39,.075); }
.enterprise-area,.immersive-area,.ai-learning-area { background:#fffdf9; }
.project-area header small { color:var(--electric); }
.project-area h2 { margin:8px 0 10px; color:#2b2927; font-size:21px; }
.project-area header p { color:#65615d; font-size:10.5px; line-height:1.5; }
.project-area ul { gap:8px; margin-top:17px; }
.project-area li { padding:10px 11px; border-color:#ece3d9; background:#f8f4ee; }
.project-area li strong { color:#34312e; }
.project-area li span { color:#716b65; line-height:1.38; }
.featured-project { margin-top:17px; padding:12px; border-color:#eadfd4; background:#f8f3ed; }
.featured-project strong { color:#34312e; }
.scenario-list { gap:7px; margin-top:12px; }
.scenario-list span { border-color:#e7d9cd; background:#fff9f4; color:#665d56; }

@media(max-width:0px) {
  .project-stage.has-detail { padding-top:44px; }
}

/* WordPress embed: one fixed 16:9 artboard, uniformly scaled at every width. */
html,body { width:100%; height:100%; overflow:hidden; background:transparent; }
body { margin:0; }
.site-shell {
  width:1600px;
  height:900px;
  min-height:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:transparent;
  transform-origin:top left;
}
.career-canvas {
  width:1552px;
  height:852px;
  min-height:0;
  aspect-ratio:auto;
  overflow:hidden;
  border:0;
  box-shadow:none;
  background:transparent;
}