:root{--ink:#101828;--muted:#667085;--line:rgba(16,24,40,.13);--blue:#2f6bff;--surface:rgba(255,255,255,.91);--accent:#2f6bff}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;overflow:hidden;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07122d}button,a{font:inherit}button{color:inherit}.skip-link{position:fixed;z-index:100;top:-5rem;left:1rem;background:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}
.boot{position:fixed;z-index:100;inset:0;display:grid;place-content:center;justify-items:center;background:#07122d;color:#fff;transition:.45s}.boot.done{opacity:0;visibility:hidden}.boot span{display:grid;place-items:center;width:64px;height:64px;border:2px solid #fff;border-radius:17px;font-weight:900}.boot p{font:700 13px/1 ui-monospace,monospace;letter-spacing:.08em}.boot i{display:block;width:160px;height:5px;border-radius:9px;background:linear-gradient(90deg,#5b8cff 0 75%,rgba(255,255,255,.18) 75%)}
.desktop{min-height:100dvh;--wall-1:#0a1b44;--wall-2:#143c88}.menu-bar{height:38px;display:flex;align-items:center;gap:20px;padding:0 18px;background:rgba(249,251,255,.9);border-bottom:1px solid rgba(255,255,255,.7);backdrop-filter:blur(22px);position:relative;z-index:30;font-size:13px}.brand{width:24px;height:24px;border:0;border-radius:7px;background:#101828;color:#fff;font:900 11px/1 ui-monospace,monospace;cursor:pointer}.menu-bar nav{display:flex;gap:3px}.menu-bar nav button{border:0;background:transparent;padding:7px 9px;border-radius:6px;cursor:pointer}.menu-bar nav button:hover{background:#e9edf5}.menu-status{margin-left:auto;display:flex;gap:18px}.menu-status span{font-weight:700;color:#19734a}
.wallpaper{height:calc(100dvh - 38px);position:relative;overflow:hidden;background:radial-gradient(circle at 19% 21%,rgba(91,140,255,.5),transparent 30%),radial-gradient(circle at 82% 18%,rgba(107,241,213,.2),transparent 26%),linear-gradient(145deg,var(--wall-1),var(--wall-2));transition:background .45s}.wallpaper:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 70%)}
.head-space{position:absolute;inset:0 48% 0 0;z-index:1}.head-space:after{content:"";position:absolute;left:8%;right:5%;bottom:5%;height:15%;background:radial-gradient(ellipse,rgba(0,0,0,.38),transparent 68%);filter:blur(14px)}#livingHead{position:absolute;z-index:2;left:-5%;bottom:-8%;width:104%;height:92%;object-fit:contain;object-position:left bottom;image-rendering:pixelated;filter:drop-shadow(24px 22px 0 rgba(1,7,24,.18));transition:opacity .22s,transform .6s cubic-bezier(.2,.8,.2,1)}#livingHead.changing{opacity:0;transform:translateY(20px) scale(.97)}#livingHead.idle{animation:head-breathe 4.6s ease-in-out infinite}@keyframes head-breathe{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}.thought{position:absolute;z-index:5;top:10%;left:8%;max-width:290px;padding:16px 18px;background:#fff;border:2px solid var(--ink);border-radius:18px 18px 18px 5px;box-shadow:7px 7px 0 rgba(5,15,38,.85);font:800 15px/1.45 ui-monospace,monospace;transition:opacity .2s,transform .2s}.thought.changing{opacity:0;transform:translateY(6px)}.head-label{position:absolute;z-index:6;left:8%;bottom:5%;display:flex;flex-direction:column;color:#fff;text-shadow:0 2px 14px #06112b}.head-label b{font-size:13px;letter-spacing:.14em}.head-label span{font-size:12px;opacity:.7;margin-top:5px}
.window{background:var(--surface);border:1px solid rgba(255,255,255,.75);border-radius:16px;box-shadow:0 35px 90px rgba(0,8,30,.38);backdrop-filter:blur(28px);overflow:hidden}.finder{position:absolute;z-index:10;right:4vw;top:5vh;width:min(690px,51vw);height:min(735px,82vh)}.titlebar,.dialog-bar{height:43px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;background:rgba(245,247,251,.92);border-bottom:1px solid var(--line);font-size:12px}.titlebar>span,.dialog-bar>span{text-align:right;color:var(--muted)}.traffic{display:flex;gap:7px}.traffic i,.traffic button{width:12px;height:12px;border-radius:50%;border:0;padding:0;background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.traffic button{cursor:pointer}
.finder-toolbar{height:42px;padding:0 15px;display:flex;align-items:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.finder-toolbar>div{display:flex}.finder-toolbar button{width:27px;height:25px;border:1px solid #d7dce4;background:#fff}.finder-toolbar button:first-child{border-radius:5px 0 0 5px}.finder-toolbar button:last-child{border-radius:0 5px 5px 0}.finder-toolbar button.active{background:#dfe6f2}.finder-toolbar p{margin:auto}.finder-intro{padding:31px 32px 18px}.finder-intro>span,.eyebrow{font:900 11px/1.2 ui-monospace,monospace;letter-spacing:.12em;color:var(--accent)}.finder-intro h1{font-size:clamp(32px,3.6vw,53px);line-height:.94;letter-spacing:-.055em;margin:12px 0}.finder-intro p{margin:0;max-width:540px;color:var(--muted);font-size:15px;line-height:1.55}
.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 28px 32px}.project-file{display:grid;justify-items:center;gap:7px;min-width:0;padding:12px 8px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.project-file:hover,.project-file:focus-visible{background:#e8eef9;border-color:#bfd0ed}.project-file>i{--folder:#7da3ff;position:relative;display:grid;place-items:center;width:78px;height:58px;margin-top:8px;border-radius:5px 7px 7px 7px;background:linear-gradient(145deg,color-mix(in srgb,var(--folder) 73%,white),var(--folder));box-shadow:0 8px 16px color-mix(in srgb,var(--folder) 20%,transparent);font-style:normal}.project-file>i:before{content:"";position:absolute;left:0;top:-8px;width:35px;height:12px;border-radius:5px 5px 0 0;background:color-mix(in srgb,var(--folder) 78%,white)}.project-file>i b{position:relative;color:#fff;font:900 14px/1 ui-monospace,monospace}.project-file strong{font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.project-file span{font-size:11px;color:var(--muted)}.project-file.lime i{--folder:#67c743}.project-file.cafe i{--folder:#c8894f}.project-file.automation i{--folder:#ee9b35}.project-file.gravity i{--folder:#2f6bff}.project-file.sync i{--folder:#7357d9}.project-file.education-file i{--folder:#566274}
.dock{position:fixed;z-index:40;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:8px;padding:8px 11px;background:rgba(239,244,255,.72);border:1px solid rgba(255,255,255,.72);border-radius:18px;box-shadow:0 15px 45px rgba(0,7,24,.35);backdrop-filter:blur(24px)}.dock button,.dock a{position:relative;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:12px;background:rgba(255,255,255,.86);text-decoration:none;cursor:pointer;transition:.2s}.dock-icon{font:900 16px/1 ui-monospace,monospace;color:#17233c}.dock small{display:none;position:absolute;bottom:59px;padding:5px 7px;border-radius:5px;background:#101828;color:#fff;font-size:10px;white-space:nowrap}.dock button:hover,.dock a:hover{transform:translateY(-7px) scale(1.07)}.dock button:hover small,.dock a:hover small{display:block}
dialog{color:var(--ink)}dialog::backdrop{background:rgba(4,10,24,.63);backdrop-filter:blur(9px)}.project-dialog{--accent:#2f6bff;width:min(1180px,94vw);height:min(850px,91vh);padding:0;border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 40px 120px rgba(0,0,0,.55);overflow:hidden}.project-dialog[data-theme="lime"]{--accent:#4eaf32}.project-dialog[data-theme="cafe"]{--accent:#b36d32}.project-dialog[data-theme="automation"]{--accent:#e58624}.project-dialog[data-theme="gravity"]{--accent:#2f6bff}.project-dialog[data-theme="sync"]{--accent:#7255df}.project-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);height:calc(100% - 43px)}.project-copy{padding:clamp(30px,4vw,55px);overflow:auto;background:#fff}.project-copy h2,.info-dialog h2{font-size:clamp(42px,5vw,70px);line-height:.9;letter-spacing:-.06em;margin:16px 0}.lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:720px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:28px 0}.metric-strip div{padding:15px;border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,white);border-top:3px solid var(--accent)}.metric-strip b{display:block;font-size:23px}.metric-strip span{display:block;margin-top:4px;color:var(--muted);font:800 10px/1.2 ui-monospace,monospace;text-transform:uppercase}.project-copy section{border-top:1px solid var(--line);padding:18px 0}.project-copy h3{font-size:12px;text-transform:uppercase;color:var(--accent);margin:0 0 7px}.project-copy section p{font-size:15px;line-height:1.65;margin:0}.project-actions a,.about-links a{display:inline-flex;padding:11px 14px;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none;font-weight:800}.disclaimer{font-size:11px;line-height:1.55;color:var(--muted);margin-top:24px}
.project-data{padding:26px;background:color-mix(in srgb,var(--accent) 7%,#f7f9fc);overflow:auto;border-left:1px solid var(--line)}.data-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.data-header span{font:900 10px/1 ui-monospace,monospace;letter-spacing:.12em;color:var(--accent)}.data-header b{font-size:12px}.chart-stack{display:grid;gap:13px}.chart-card{padding:17px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px rgba(23,35,57,.06)}.chart-card h4{font-size:12px;margin:0 0 14px}.chart-note{font-size:11px;color:var(--muted);line-height:1.45;margin:10px 0 0}.donut-row{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center}.donut{--value:50;--color:var(--accent);width:116px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--color) calc(var(--value)*1%),#e8edf4 0);display:grid;place-items:center}.donut:after{content:"";width:70px;aspect-ratio:1;border-radius:50%;background:#fff}.donut-label{position:absolute;font-weight:900;font-size:18px}.legend-list{display:grid;gap:8px}.legend-list p{display:flex;justify-content:space-between;margin:0;font-size:12px}.legend-list i{width:9px;height:9px;border-radius:2px;background:var(--accent);display:inline-block;margin-right:6px}.bar-list{display:grid;gap:12px}.bar-item header{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:5px}.bar-track{height:10px;background:#edf0f5;border-radius:9px;overflow:hidden}.bar-track i{display:block;height:100%;width:var(--w);background:var(--c,var(--accent));border-radius:9px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.scenario{padding:12px 8px;border-radius:8px;background:#f2f5f9;text-align:center}.scenario b{display:block;font-size:18px;color:var(--accent)}.scenario span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}
.workflow{display:grid;gap:9px}.flow-row{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:center}.flow-node{min-height:64px;display:grid;place-items:center;text-align:center;padding:8px;border:1px solid color-mix(in srgb,var(--accent) 35%,#d8dee8);border-radius:8px;background:#fff;font-size:10px;font-weight:800}.flow-arrow{text-align:center;color:var(--accent);font-weight:900}.flow-status{display:inline-flex;margin-top:8px;padding:5px 7px;border-radius:99px;background:#e8f7ef;color:#17734a;font:800 9px/1 ui-monospace,monospace}.flow-status.designed{background:#fff0d9;color:#9a5a13}.mini-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-kpis div{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.mini-kpis b{display:block;font-size:24px;color:var(--accent)}.mini-kpis span{font-size:10px;color:var(--muted);font-weight:800}
.info-dialog{width:min(850px,92vw);padding:clamp(35px,5vw,60px);border:2px solid var(--ink);border-radius:16px;box-shadow:10px 10px 0 var(--ink)}.plain-close{position:absolute;right:17px;top:15px;width:34px;height:34px;border:0;border-radius:50%;font-size:23px;cursor:pointer}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.education-grid article{padding:23px;border:1px solid var(--line);border-radius:11px}.education-grid article:first-child{border-top:5px solid #2f6bff}.education-grid article:last-child{border-top:5px solid #e7aa39}.education-grid span{font:800 11px/1 ui-monospace,monospace;color:var(--muted)}.education-grid h3{font-size:24px;margin:12px 0 5px}.education-grid p,.about-dialog>p{font-size:16px;line-height:1.65;color:var(--muted)}.education-grid article>div{display:flex;flex-wrap:wrap;gap:5px}.education-grid i{font-style:normal;padding:6px 8px;border-radius:5px;background:#eef2f7;font:700 11px/1 ui-monospace,monospace}.about-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.about-links button{border:0;cursor:pointer}.project-actions a,.about-links a,.about-links button{display:inline-flex;padding:11px 14px;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none;font-weight:800}
.desktop[data-theme="lime"]{--wall-1:#0d301d;--wall-2:#4ba92f}.desktop[data-theme="cafe"]{--wall-1:#3a1e12;--wall-2:#b66d32}.desktop[data-theme="automation"]{--wall-1:#382008;--wall-2:#dd8524}.desktop[data-theme="gravity"]{--wall-1:#061127;--wall-2:#1c55bd}.desktop[data-theme="sync"]{--wall-1:#160c35;--wall-2:#6746c8}
@media(max-width:950px){body{overflow:auto}.wallpaper{height:auto;min-height:calc(100dvh - 38px);padding:25px 14px 100px}.head-space{position:relative;inset:auto;height:390px}.thought{top:2%;left:2%;max-width:250px}.head-label{left:3%;bottom:2%}#livingHead{left:15%;bottom:-4%;width:75%;height:100%}.finder{position:relative;right:auto;top:auto;width:100%;height:auto;min-height:650px}.project-layout{grid-template-columns:1fr;height:auto}.project-dialog{height:90vh;overflow:auto}.project-copy,.project-data{overflow:visible}.project-data{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){.menu-bar nav,.menu-status span{display:none}.head-space{height:330px}.thought{max-width:205px;font-size:12px;padding:12px}.finder-intro{padding:24px 20px 12px}.finder-intro h1{font-size:38px}.file-grid{grid-template-columns:repeat(2,1fr);padding:14px}.project-file>i{width:70px;height:52px}.metric-strip,.scenario-grid,.education-grid{grid-template-columns:1fr}.project-copy h2,.info-dialog h2{font-size:42px}.project-copy{padding:27px 20px}.project-data{padding:20px 14px}.donut-row{grid-template-columns:105px 1fr}.donut{width:100px}.flow-row{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);height:22px}.dock button,.dock a{width:41px;height:41px}.dock{gap:5px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.project-file.resume-file i{--folder:#e14f64}
.mini-guide{position:fixed;z-index:45;left:18px;bottom:14px;display:grid;grid-template-columns:70px minmax(180px,265px);align-items:end;gap:10px;padding:9px 12px 9px 8px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:rgba(244,247,255,.86);box-shadow:0 15px 45px rgba(0,7,24,.3);backdrop-filter:blur(24px)}.mini-guide>img{width:70px;height:95px;object-fit:contain;object-position:center bottom;image-rendering:pixelated;animation:mini-bob 2.8s ease-in-out infinite}.mini-guide p{margin:0;font:750 11px/1.45 ui-monospace,monospace}.mini-guide button{margin-top:7px;border:0;border-radius:7px;padding:7px 9px;background:#101828;color:#fff;font:800 10px/1 ui-monospace,monospace;cursor:pointer}.mini-guide button:hover{background:var(--accent)}@keyframes mini-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.capability-list{display:flex;flex-wrap:wrap;gap:7px}.capability-list span{padding:7px 9px;border:1px solid color-mix(in srgb,var(--accent) 25%,#d8dee8);border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,white);font:800 10px/1 ui-monospace,monospace;color:color-mix(in srgb,var(--accent) 78%,#101828)}
.project-guide{position:relative;margin-bottom:16px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--accent) 25%,#d8dee8);border-radius:12px;background:rgba(255,255,255,.8)}.guide-track{position:relative;height:45px;margin-bottom:8px;border-bottom:3px dotted color-mix(in srgb,var(--accent) 35%,#d8dee8)}.guide-track>i{position:absolute;left:0;bottom:-3px;height:3px;width:0;background:var(--accent);transition:width .5s ease}.guide-track img{position:absolute;left:0;bottom:1px;width:42px;height:52px;object-fit:contain;image-rendering:pixelated;transition:left .55s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(3px 4px 0 rgba(16,24,40,.16))}.project-guide p{min-height:48px;margin:9px 0;font-size:11px;line-height:1.5;color:var(--muted)}.project-guide button{border:0;border-radius:7px;padding:8px 10px;background:var(--accent);color:#fff;font:800 10px/1 ui-monospace,monospace;cursor:pointer}.chart-card{transition:border-color .25s,box-shadow .25s,transform .25s}.chart-card.guide-active{border-color:var(--accent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(-2px)}
.info-dialog{max-height:90vh;overflow:auto}.education-intro{font-size:17px;line-height:1.65;color:var(--muted);max-width:720px}.education-grid h4{margin:20px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.education-grid ul{margin:0 0 16px;padding-left:18px;color:var(--muted)}.education-grid li{margin:7px 0;font-size:13px;line-height:1.5}.education-grid article>p:last-child{margin-bottom:0;font-size:13px}
.resume-dialog{width:min(1050px,95vw);height:min(880px,92vh);padding:0;border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 40px 120px rgba(0,0,0,.55);overflow:hidden}.resume-dialog .dialog-bar{grid-template-columns:1fr auto 1fr}.resume-dialog iframe{display:block;width:100%;height:calc(100% - 43px);border:0;background:#e7eaf0}.resume-actions{display:flex;justify-content:flex-end;gap:7px}.resume-actions a{padding:6px 8px;border-radius:6px;background:#101828;color:#fff;text-decoration:none;font:800 9px/1 ui-monospace,monospace}.resume-actions a:first-child{background:#2f6bff}
@media(max-width:950px){.wallpaper{padding-bottom:145px}.mini-guide{left:10px;bottom:10px;grid-template-columns:55px minmax(150px,220px)}.mini-guide>img{width:55px;height:78px}.dock{bottom:16px;left:auto;right:10px;transform:none}.resume-dialog{height:90vh}}
@media(max-width:620px){.mini-guide{right:10px;grid-template-columns:45px 1fr}.mini-guide>img{width:45px;height:65px}.dock{display:none}.resume-dialog{height:86vh}.resume-dialog .dialog-bar{grid-template-columns:auto 1fr}.resume-dialog .dialog-bar>strong{text-align:center}.resume-actions a:last-child{display:none}.resume-actions a{font-size:8px}.project-guide p{min-height:64px}}
.mini-guide[hidden]{display:none}
.intro-stage{inset:0 52% 0 0}.intro-stage #livingHead{left:-11%;bottom:-4%;width:82%;height:66%;opacity:.2;filter:grayscale(.15) drop-shadow(18px 18px 0 rgba(1,7,24,.16))}.cloud-stack{position:absolute;z-index:8;top:4%;left:6%;width:min(405px,86%);display:grid;gap:8px}.cloud-card{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;width:92%;padding:10px 15px;border:1px solid rgba(255,255,255,.9);border-radius:30px 30px 30px 10px;background:rgba(255,255,255,.88);box-shadow:5px 7px 0 rgba(5,15,38,.3);backdrop-filter:blur(13px);text-align:left;cursor:pointer;transition:transform .22s,background .22s,box-shadow .22s}.cloud-card:nth-child(even){margin-left:8%}.cloud-card>span{font-size:25px;filter:drop-shadow(0 2px 2px rgba(20,34,65,.12))}.cloud-card b{display:block;font-size:13px}.cloud-card p{margin:2px 0 0;color:#58657c;font-size:11px;line-height:1.25}.cloud-card:hover,.cloud-card:focus-visible,.cloud-card.active{transform:translateY(-3px) rotate(-.5deg);background:#fff;box-shadow:7px 10px 0 rgba(5,15,38,.48);outline:none}.cloud-card.active{border-color:#76a0ff}.intro-thought{top:auto;left:10%;bottom:22%;max-width:330px;padding:13px 16px;font-size:12px;background:#fffef4}.avatar-route{position:absolute;z-index:9;left:6%;right:-4%;bottom:3%;height:112px}.route-line{position:absolute;left:33px;right:0;bottom:34px;border-top:3px dashed rgba(255,255,255,.55)}.route-line i{position:absolute;top:-7px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.14)}.route-line i:nth-child(1){left:25%}.route-line i:nth-child(2){left:55%}.route-line i:nth-child(3){left:85%}.avatar-route img{--route-step:0;position:absolute;left:2%;bottom:20px;width:76px;height:100px;object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(5px 7px 0 rgba(1,7,24,.24));transform:translateX(calc(var(--route-step) * 14px));transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .2s;animation:route-walk 1.2s steps(2,end) infinite}.route-copy{position:absolute;right:2%;bottom:2px;display:grid;padding:8px 11px;border-radius:9px;background:#fff;color:#101828;box-shadow:4px 4px 0 rgba(5,15,38,.55)}.route-copy b{font:900 10px/1 ui-monospace,monospace;color:#2f6bff}.route-copy span{margin-top:3px;font-size:10px}.intro-stage .head-label{left:6%;bottom:1%}@keyframes route-walk{0%,100%{margin-bottom:0}50%{margin-bottom:4px}}
.finder{right:2.5vw;top:3vh;width:min(700px,54vw);height:min(760px,86vh)}.finder-intro{padding-top:25px}.finder-intro h1{font-size:clamp(31px,3.35vw,50px)}.file-grid{gap:8px;padding-top:12px}.project-file{position:relative;transition:transform .2s,background .2s}.project-file:hover,.project-file:focus-visible{transform:translateY(-5px)}.project-file>i{width:82px;height:61px}.project-file>i b{font-size:25px;line-height:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.14))}.project-file span{font-size:10px}.project-file:hover>i:after,.project-file:focus-visible>i:after{content:"OPEN";position:absolute;top:-20px;right:-14px;padding:4px 6px;border-radius:5px;background:#101828;color:#fff;font:800 8px/1 ui-monospace,monospace;white-space:nowrap}
.project-dialog[open]{animation:deck-rise .42s cubic-bezier(.2,.85,.25,1);box-shadow:8px 8px 0 rgba(255,255,255,.45),16px 16px 0 rgba(255,255,255,.2),0 40px 120px rgba(0,0,0,.55)}@keyframes deck-rise{from{opacity:0;transform:translateY(60px) scale(.93) rotate(.8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.data-header span:before{content:"▤ ";font-size:14px}
@media(max-width:950px){.intro-stage{height:610px}.intro-stage #livingHead{left:5%;width:55%;height:55%}.cloud-stack{width:88%;grid-template-columns:1fr 1fr}.cloud-card,.cloud-card:nth-child(even){width:100%;margin-left:0}.intro-thought{left:7%;bottom:22%;max-width:45%}.avatar-route{right:3%}.finder{width:100%}}
@media(max-width:620px){.intro-stage{height:690px}.cloud-stack{left:4%;width:92%;grid-template-columns:1fr}.cloud-card{padding:9px 12px}.intro-stage #livingHead{width:75%;height:42%;opacity:.14}.intro-thought{left:5%;bottom:18%;max-width:70%}.avatar-route{left:3%;bottom:1%}.route-copy{max-width:180px}.file-grid{gap:5px}.project-file>i{width:72px;height:54px}.project-file>i b{font-size:22px}}
:root{--font-futura:"Outfit","Century Gothic",Arial,sans-serif;--font-display:"Bitter",Georgia,serif}body,button,a{font-family:var(--font-futura)}.finder-intro h1,.project-copy h2,.info-dialog h2,.comic-intro h2,.education-grid h3{font-family:var(--font-display);font-weight:800}.finder-intro>span,.eyebrow,.head-label,.project-copy h3,.project-file span,.metric-strip span,.data-header span,.flow-status,.mini-guide,.capability-list span{font-family:var(--font-futura)}
.intro-stage{inset:0 48% 0 0}.intro-stage #livingHead{left:-5%;bottom:-8%;width:104%;height:92%;opacity:1;filter:drop-shadow(24px 22px 0 rgba(1,7,24,.18))}.comic-intro{top:6%;left:7%;bottom:auto;max-width:390px;padding:21px 22px 18px;border:4px solid #101828;border-radius:4px;background:#fff;box-shadow:10px 10px 0 #101828,14px 14px 0 #ffd84d;transform:rotate(-1deg);font-family:var(--font-futura)}.comic-intro:after{content:"";position:absolute;left:42px;bottom:-29px;width:34px;height:34px;background:#fff;border-right:4px solid #101828;border-bottom:4px solid #101828;transform:skew(18deg) rotate(45deg);z-index:-1}.comic-intro>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#2f6bff}.comic-intro h2{margin:8px 0 7px;font-size:clamp(27px,3vw,43px);line-height:.9;letter-spacing:-.055em}.comic-intro>p{min-height:48px;margin:0;font-size:15px;line-height:1.35;font-weight:700}.comic-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin-top:14px}.comic-controls button,.comic-projects{border:2px solid #101828;border-radius:4px;padding:7px 9px;background:#fff;font-size:11px;font-weight:800;cursor:pointer}.comic-controls button:hover,.comic-controls button:focus-visible{background:#ffd84d}.comic-controls button:last-child{text-align:right}.comic-controls b{text-align:center;font-size:10px}.comic-projects{width:100%;margin-top:7px;background:#101828;color:#fff}.comic-projects:hover,.comic-projects:focus-visible{background:#2f6bff}.comic-intro.changing{transform:translateY(6px) rotate(-1deg)}.intro-stage .head-label{left:8%;bottom:5%}
.project-file strong{font-size:14px}.project-file span{font-size:11px}.project-copy section p{font-size:16px}.project-copy section:nth-of-type(4),.project-copy section:nth-of-type(7){margin:0 -14px;padding:18px 14px;background:color-mix(in srgb,var(--accent) 6%,white);border-left:3px solid var(--accent)}.project-copy section:nth-of-type(4) h3:before{content:"◆ ";}.project-copy section:nth-of-type(7) h3:before{content:"↗ ";}
.trajectory-card{margin-bottom:14px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px rgba(23,35,57,.06)}.trajectory-card header{display:flex;align-items:start;justify-content:space-between;gap:10px}.trajectory-card h4{margin:0 0 3px;font-size:13px}.trajectory-card header span{font-size:9px;font-weight:800;color:var(--muted)}.trajectory-card header>b{font-size:9px;color:var(--accent)}.trajectory-card svg{display:block;width:100%;height:118px;overflow:visible}.trajectory-axis{fill:none;stroke:#dce2ec;stroke-width:2}.trajectory-line{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 3px color-mix(in srgb,var(--accent) 20%,transparent))}.trajectory-card circle{fill:#fff;stroke:var(--accent);stroke-width:4}.trajectory-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.trajectory-labels button{display:grid;gap:2px;padding:7px 3px;border:1px solid var(--line);border-radius:6px;background:#f4f6fa;cursor:pointer}.trajectory-labels button:hover,.trajectory-labels button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,white);transform:translateY(-2px)}.trajectory-labels b{font-size:10px;color:var(--accent)}.trajectory-labels span{font-size:9px;font-weight:800}.trajectory-card>p{margin:10px 0 0;color:var(--muted);font-size:10px}
#educationDialog{width:min(1080px,94vw)}.education-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:25px;min-height:330px;padding-right:12px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 42%,rgba(47,107,255,.13),transparent 30%)}.education-hero>div{padding:10px 0}.education-hero img{align-self:end;width:100%;height:340px;object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(10px 10px 0 rgba(47,107,255,.13));animation:graduate-wave 3.2s ease-in-out infinite}.education-intro{font-size:17px}.education-grid{margin-top:22px}.education-grid article{background:#fff}.education-grid li{font-size:14px}@keyframes graduate-wave{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.5deg)}}
@media(max-width:950px){.intro-stage{height:560px}.intro-stage #livingHead{left:18%;bottom:-6%;width:70%;height:88%;opacity:1}.comic-intro{top:5%;left:3%;max-width:360px}.intro-stage .head-label{left:4%;bottom:3%}.education-hero{grid-template-columns:1fr 230px}.education-hero img{height:300px}}
@media(max-width:620px){.intro-stage{height:510px}.intro-stage #livingHead{left:25%;bottom:-8%;width:78%;height:76%;opacity:1}.comic-intro{top:3%;left:4%;max-width:88%;padding:16px}.comic-intro h2{font-size:28px}.comic-intro>p{font-size:13px;min-height:36px}.comic-projects{display:none}.education-hero{grid-template-columns:1fr;min-height:auto;text-align:left}.education-hero img{height:270px}.trajectory-labels span{font-size:8px}}
.intro-stage #livingHead{left:-15%;bottom:-8%;width:104%;height:94%}.comic-intro{left:auto;right:3%;top:8%;max-width:300px;padding:17px 18px 15px;z-index:8}.comic-intro h2{font-size:clamp(25px,2.45vw,35px)}.comic-intro>p{font-size:14px}.comic-intro:after{left:34px}.comic-controls{margin-top:11px}.comic-projects{margin-top:6px}
.menu-bar nav button{font-family:var(--font-futura);font-weight:700;font-size:13px}.dock{align-items:end;padding:8px 10px}.dock button,.dock a{grid-template-rows:27px 12px;align-items:center;width:60px;height:55px;padding:5px 3px}.dock-icon{font-family:var(--font-futura);font-size:21px}.dock-icon.dock-linkedin{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#0a66c2;color:#fff;font-size:13px;margin:auto}.dock small{display:block;position:static;padding:0;background:transparent;color:#263247;font-family:var(--font-futura);font-size:8px;font-weight:800;line-height:1;white-space:nowrap}.dock button:hover small,.dock a:hover small{display:block}.dock button:focus-visible,.dock a:focus-visible{outline:3px solid #ffd84d;outline-offset:2px}
.walking-avatar{position:absolute;z-index:24;left:38%;top:72%;width:78px;height:106px;object-fit:contain;object-position:center bottom;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(5px 8px 0 rgba(1,7,24,.25));transition:left 1.35s linear,top 1.35s ease-in-out,opacity .2s}.walking-avatar.walking{animation:actual-walk .32s steps(2,end) infinite}@keyframes actual-walk{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}100%{transform:translateY(0) rotate(-2deg)}}.walking-avatar[hidden]{display:none}
.resume-dialog{width:min(960px,96vw);height:min(960px,95vh)}.resume-dialog .dialog-bar{position:relative;z-index:2}.resume-viewer{display:flex;align-items:flex-start;justify-content:center;width:100%;height:calc(100% - 43px);overflow:auto;padding:24px;background:#4b4f55;scrollbar-color:#a9afb8 #3c4046}.resume-viewer img{display:block;width:min(820px,100%);height:auto;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.42)}.resume-actions a{font-family:var(--font-futura);font-size:9px}
@media(max-width:950px){.intro-stage #livingHead{left:-2%;width:76%;height:90%}.comic-intro{right:3%;top:8%;max-width:320px}.walking-avatar{width:68px;height:94px}.dock button,.dock a{width:54px}}
@media(max-width:620px){.intro-stage #livingHead{left:-14%;bottom:-8%;width:92%;height:78%}.comic-intro{right:3%;top:4%;max-width:245px;padding:13px}.comic-intro h2{font-size:23px}.comic-intro>p{font-size:12px}.comic-controls button{padding:6px 5px;font-size:9px}.dock{display:flex;left:50%;right:auto;bottom:8px;transform:translateX(-50%);gap:3px}.dock button,.dock a{width:43px;height:46px;grid-template-rows:24px 10px}.dock-icon{font-size:18px}.dock small{font-size:7px}.walking-avatar{width:58px;height:82px}.resume-dialog{height:93vh}.resume-viewer{padding:8px}.resume-actions a{padding:5px;font-size:7px}}
.desktop{--outfit-glow:rgba(70,137,255,.34)}.desktop[data-outfit="green"]{--outfit-glow:rgba(151,174,70,.34)}.desktop[data-outfit="red"]{--outfit-glow:rgba(255,74,81,.35)}.desktop[data-outfit="suit"]{--outfit-glow:rgba(231,235,244,.3)}
.intro-stage:before{content:"";position:absolute;z-index:0;left:-15%;bottom:-14%;width:105%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--outfit-glow) 0 34%,transparent 69%);filter:blur(8px);transition:background .45s ease,transform .45s ease;pointer-events:none}.desktop[data-outfit="red"] .intro-stage:before{transform:translate(4%,-2%) scale(1.06)}.desktop[data-outfit="suit"] .intro-stage:before{transform:scale(.94)}
.wardrobe{margin-top:10px;padding-top:9px;border-top:2px solid #101828}.wardrobe>span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#56627a}.wardrobe>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:6px}.wardrobe button{display:grid;grid-template-columns:12px 1fr;align-items:center;gap:4px;min-width:0;padding:5px;border:1px solid #101828;border-radius:4px;background:#fff;color:#101828;cursor:pointer;transition:transform .18s,background .18s,color .18s}.wardrobe button i{width:11px;height:11px;border:1px solid rgba(16,24,40,.35);border-radius:50%;background:#2865d8}.wardrobe button:nth-child(2) i{background:#7c8745}.wardrobe button:nth-child(3) i{background:#ed2635}.wardrobe button:nth-child(4) i{background:#d9dde5}.wardrobe button b{overflow:hidden;font-size:7px;text-overflow:ellipsis}.wardrobe button:hover,.wardrobe button:focus-visible,.wardrobe button.active{transform:translateY(-2px);background:#101828;color:#fff;outline:none}.wardrobe button.active{box-shadow:3px 3px 0 #ffd84d}
#livingHead.changing{opacity:.55;transform:translateY(5px) scale(.985)}
@media(max-width:620px){.wardrobe{margin-top:7px;padding-top:6px}.wardrobe>span{display:none}.wardrobe>div{margin-top:0}.wardrobe button{grid-template-columns:1fr;padding:4px}.wardrobe button i{margin:auto}.wardrobe button b{display:none}}
.desktop[data-theme="home"][data-outfit="blue"]{--wall-1:#071a48;--wall-2:#1658b4}.desktop[data-theme="home"][data-outfit="green"]{--wall-1:#142819;--wall-2:#5d742f}.desktop[data-theme="home"][data-outfit="red"]{--wall-1:#3d0b19;--wall-2:#c5303e}.desktop[data-theme="home"][data-outfit="suit"]{--wall-1:#111827;--wall-2:#667085}.desktop[data-theme="home"][data-outfit="green"] .wallpaper{background:radial-gradient(circle at 18% 18%,rgba(202,221,104,.32),transparent 30%),radial-gradient(circle at 84% 19%,rgba(130,199,97,.18),transparent 25%),linear-gradient(145deg,var(--wall-1),var(--wall-2))}.desktop[data-theme="home"][data-outfit="red"] .wallpaper{background:radial-gradient(circle at 18% 18%,rgba(255,160,98,.34),transparent 30%),radial-gradient(circle at 84% 19%,rgba(255,216,77,.17),transparent 25%),linear-gradient(145deg,var(--wall-1),var(--wall-2))}.desktop[data-theme="home"][data-outfit="suit"] .wallpaper{background:radial-gradient(circle at 18% 18%,rgba(216,222,235,.3),transparent 30%),radial-gradient(circle at 84% 19%,rgba(108,132,165,.22),transparent 25%),linear-gradient(145deg,var(--wall-1),var(--wall-2))}
.finder[data-view="list"] .file-grid{grid-template-columns:1fr 1fr;align-content:start}.finder[data-view="list"] .project-file{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;text-align:left;padding:10px 14px}.finder[data-view="list"] .project-file>i{grid-row:1/3;width:64px;height:48px}.finder[data-view="list"] .project-file strong,.finder[data-view="list"] .project-file span{justify-self:start}.insight-grid{display:grid;gap:8px}.insight-grid article{padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 24%,#d8dee8);border-radius:9px;background:color-mix(in srgb,var(--accent) 5%,white)}.insight-grid b{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.insight-grid p{margin:6px 0 0!important;font-size:14px!important;line-height:1.5!important}.linkedin-dialog{width:min(620px,92vw);text-align:left;background:linear-gradient(145deg,#fff 0 70%,#e8f2ff)}.linkedin-mark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:24px;border-radius:15px;background:#0a66c2;color:#fff;font-size:39px;font-weight:900;box-shadow:8px 8px 0 #101828}.linkedin-dialog h2{margin:10px 0 12px}.linkedin-dialog>p{max-width:520px}.linkedin-continue{display:inline-flex;margin-top:18px;padding:13px 16px;border:2px solid #101828;border-radius:7px;background:#0a66c2;color:#fff;text-decoration:none;font-weight:800;box-shadow:4px 4px 0 #101828}.linkedin-continue:hover,.linkedin-continue:focus-visible{transform:translateY(-2px);background:#084f96}
@media(max-width:620px){.finder[data-view="list"] .file-grid{grid-template-columns:1fr}.finder[data-view="list"] .project-file{grid-template-columns:65px minmax(0,1fr)}}
.desktop[data-outfit]{--outfit-glow:rgba(70,137,255,.34)}.desktop .wallpaper{background:radial-gradient(circle at 18% 18%,rgba(91,140,255,.48),transparent 30%),radial-gradient(circle at 84% 19%,rgba(72,183,255,.19),transparent 25%),linear-gradient(145deg,#081b49,#1856ad)!important}.comic-intro:after{left:-27px!important;right:auto!important;top:auto!important;bottom:48px!important;width:30px!important;height:38px!important;border:0!important;background:#fff!important;clip-path:polygon(100% 0,100% 100%,0 50%);filter:drop-shadow(-4px 0 0 #101828) drop-shadow(0 4px 0 #101828);transform:none!important;z-index:0!important}.avatar-mood{position:absolute;z-index:7;left:7%;bottom:14%;display:grid;gap:2px;padding:8px 11px;border:2px solid #101828;border-radius:5px;background:#fff;box-shadow:4px 4px 0 #ffd84d;transform:rotate(-1deg)}.avatar-mood b{font-size:10px;letter-spacing:.1em;color:#2f6bff}.avatar-mood span{font-size:9px;font-weight:800;color:#4d5a70}.project-file.linkedin-file i{--folder:#0a66c2}.project-file.linkedin-file>i b{display:grid;place-items:center;width:31px;height:31px;border-radius:6px;background:#fff;color:#0a66c2;font-family:Arial,sans-serif;font-size:20px}.finder-toolbar button{cursor:pointer}
.desktop[data-outfit="blue"] #livingHead.idle{animation:head-breathe 4.6s ease-in-out infinite}.desktop[data-outfit="green"] #livingHead.idle{animation:head-think 3.8s ease-in-out infinite}.desktop[data-outfit="red"] #livingHead.idle{animation:head-energy 2.8s ease-in-out infinite}.desktop[data-outfit="suit"] #livingHead.idle{animation:head-focus 4.2s ease-in-out infinite}@keyframes head-think{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1.2deg)}}@keyframes head-energy{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-9px) scale(1.012)}55%{transform:translateY(-7px) scale(1.012)}}@keyframes head-focus{0%,100%{transform:translateY(0)}50%{transform:translateY(3px) rotate(.2deg)}}
@media(max-width:620px){.avatar-mood{left:3%;bottom:8%;padding:6px 8px}.avatar-mood span{display:none}.comic-intro:after{left:-19px!important;width:22px!important;height:30px!important}}
.project-file.automation i{--folder:#e94b9b}.project-dialog[data-theme="automation"]{--accent:#df3f91}.project-dialog[data-theme="automation"] .project-data{background:linear-gradient(180deg,#fff3fa,#f9f1f7)}.project-dialog[data-theme="automation"] .flow-status{background:#ffe1f1;color:#9f1d62}.project-dialog[data-theme="automation"] .flow-status.designed{background:#f8d9eb;color:#8c235c}
.project-external{display:inline-flex;margin:2px 0 4px;padding:10px 13px;border:2px solid var(--accent);border-radius:7px;background:color-mix(in srgb,var(--accent) 8%,white);color:var(--accent);text-decoration:none;font-size:12px;font-weight:900;box-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 28%,transparent)}.project-external:hover,.project-external:focus-visible{transform:translateY(-2px);background:var(--accent);color:#fff}.project-external[hidden]{display:none}.evidence-trail{display:grid;gap:9px}.evidence-trail article{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:12px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--accent) 5%,white)}.evidence-trail article>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px}.evidence-trail strong{display:block;font-size:12px}.evidence-trail p{margin:4px 0 0!important;font-size:13px!important;line-height:1.5!important;color:var(--muted)}
.email-dialog{width:min(620px,92vw);background:linear-gradient(145deg,#fff 0 72%,#e8f2ff)}.email-mark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:24px;border:3px solid #101828;border-radius:18px;background:#ffd84d;color:#101828;font-size:34px;box-shadow:8px 8px 0 #101828}.email-dialog>p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.6}.email-address{display:inline-flex;margin-top:18px;padding:14px 17px;border:2px solid #101828;border-radius:7px;background:#2f6bff;color:#fff;text-decoration:none;font-size:16px;font-weight:900;box-shadow:5px 5px 0 #101828}.email-address:hover,.email-address:focus-visible{transform:translateY(-2px);background:#174fd0}
.project-file.lime>i b{font-family:"Apple Symbols","Segoe UI Symbol",sans-serif;color:#efffe8;text-shadow:0 2px 0 #328622}.project-lenses{margin:0 0 14px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 25%,#d8dee8);border-radius:12px;background:rgba(255,255,255,.82)}.project-lenses>span{font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--accent)}.project-lenses>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}.project-lenses button{padding:7px 5px;border:1px solid var(--line);border-radius:6px;background:#f4f6fa;font-size:9px;font-weight:900;cursor:pointer}.project-lenses button:hover,.project-lenses button:focus-visible,.project-lenses button.active{border-color:var(--accent);background:var(--accent);color:#fff}.project-lenses article{min-height:108px;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--accent) 6%,white)}.project-lenses article b{display:block;margin-bottom:5px;color:var(--accent);font-size:11px;text-transform:uppercase}.project-lenses article p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.chart-card[role="button"]{cursor:pointer}.chart-card[role="button"]:hover{border-color:color-mix(in srgb,var(--accent) 55%,#d8dee8);transform:translateY(-2px)}.chart-card[role="button"]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comparison-grid>div{display:grid;gap:4px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#f4f8f1}.comparison-grid span{font-size:9px;font-weight:900;color:var(--muted)}.comparison-grid b{font-size:23px;color:var(--accent)}.comparison-grid strong{font-size:11px}.driver-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.driver-grid>*{padding:10px;border-radius:7px;background:#f2f6ee;font-size:10px}.driver-grid b{border-left:3px solid var(--accent);color:#2e6422}.lime-story .chart-card{background:linear-gradient(145deg,#fff,#f8fff4)}
@media(max-width:620px){.comparison-grid,.driver-grid{grid-template-columns:1fr}.project-lenses article{min-height:130px}}
.brand{display:flex;align-items:center;gap:7px;width:auto;height:30px;padding:2px 8px 2px 3px;border-radius:9px;background:#101828}.brand img{width:25px;height:25px;border-radius:7px;background:#17376f;object-fit:cover;object-position:center 22%;image-rendering:pixelated;transition:opacity .2s,transform .2s}.brand span{color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em}.brand:hover,.brand:focus-visible{background:#2f6bff;outline:2px solid #ffd84d;outline-offset:2px}.brand:hover img{transform:scale(1.08) rotate(-2deg)}
.deck-header-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px}.deck-header-controls button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid #cfd6e2;border-radius:6px;background:#fff;font-weight:900;cursor:pointer}.deck-header-controls button:hover,.deck-header-controls button:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff}.deck-header-controls span{min-width:43px;text-align:center;color:var(--muted);font-size:10px}.project-switcher{height:46px;display:grid;grid-template-columns:repeat(5,minmax(92px,1fr)) auto;align-items:stretch;gap:1px;padding:5px 10px;background:#e9edf4;border-bottom:1px solid var(--line);overflow-x:auto}.project-switcher button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:92px;padding:5px;border:1px solid transparent;border-radius:6px;background:rgba(255,255,255,.65);cursor:pointer}.project-switcher button b{color:var(--muted);font-size:8px}.project-switcher button span{font-size:9px;font-weight:800;white-space:nowrap}.project-switcher button:hover,.project-switcher button:focus-visible,.project-switcher button.active{border-color:var(--accent);background:#fff;color:var(--accent)}.project-switcher button.active{box-shadow:inset 0 -3px 0 var(--accent)}.project-switcher>i{align-self:center;padding:0 6px;color:var(--muted);font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}.project-dialog .project-layout{height:calc(100% - 89px)}.project-layout.deck-switching{animation:deck-switch .33s ease}@keyframes deck-switch{0%{opacity:.25;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}
.about-dialog{width:min(1040px,94vw)}.about-dialog .about-lead{max-width:850px;font-size:17px;line-height:1.65}.about-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:25px 0}.about-profile article{padding:18px;border:1px solid var(--line);border-radius:10px;background:#f8faff}.about-profile article:nth-child(1){border-top:4px solid #2f6bff}.about-profile article:nth-child(2){border-top:4px solid #7357d9}.about-profile article:nth-child(3){border-top:4px solid #58ba36}.about-profile span{color:#2f6bff;font-size:9px;font-weight:900;letter-spacing:.08em}.about-profile h3{margin:9px 0 7px;font-size:18px;line-height:1.1}.about-profile p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.about-focus{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid #101828;border-radius:8px;background:#ffd84d;box-shadow:4px 4px 0 #101828}.about-focus b{font-size:10px;letter-spacing:.08em}.about-focus span{font-size:12px;font-weight:800}.about-links button,.about-links a{border:0;cursor:pointer}.about-links a[href*="linkedin"]{background:#0a66c2}
@media(max-width:950px){.project-dialog .project-layout{height:auto}.project-switcher{grid-template-columns:repeat(5,110px) auto}.about-profile{grid-template-columns:1fr}.about-dialog{max-height:92vh}}
@media(max-width:620px){.brand span{display:none}.brand{padding:2px}.project-switcher>i{display:none}.about-focus{align-items:flex-start;flex-direction:column}.about-dialog .about-lead{font-size:15px}}
.dashboard-groups{display:grid;grid-template-columns:minmax(0,2fr) minmax(175px,.8fr);gap:11px;padding:8px 18px 24px}.dashboard-group{min-width:0;padding:11px;border:1px solid #dbe2ee;border-radius:12px;background:rgba(255,255,255,.62)}.dashboard-group>header{display:flex;align-items:start;justify-content:space-between;gap:8px;padding:0 2px 9px;border-bottom:1px solid #dbe2ee}.dashboard-group>header div{display:grid;gap:2px}.dashboard-group>header b{font-size:9px;letter-spacing:.11em;color:#2f6bff}.dashboard-group>header span{font-size:9px;color:var(--muted)}.dashboard-group>header>i{font-size:8px;font-style:normal;font-weight:900;color:var(--muted);white-space:nowrap}.dashboard-group .file-grid{padding:8px 0 0;gap:4px}.case-study-group .file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study-group .project-file{padding:7px 3px}.case-study-group .project-file>i{width:66px;height:48px;margin-top:6px}.case-study-group .project-file>i:before{width:29px}.case-study-group .project-file strong{font-size:11px}.case-study-group .project-file span{font-size:8px}.profile-group .file-grid{grid-template-columns:1fr}.profile-group .project-file{grid-template-columns:49px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;align-items:center;gap:1px 8px;padding:7px;text-align:left}.profile-group .project-file>i{grid-row:1/3;width:44px;height:34px;margin-top:0}.profile-group .project-file>i:before{top:-5px;width:20px;height:8px}.profile-group .project-file>i b{font-size:14px}.profile-group .project-file strong{font-size:11px}.profile-group .project-file span{font-size:8px}.project-dialog{max-width:calc(100vw - 24px)}.project-dialog .dialog-bar>*{min-width:0}.project-dialog .dialog-bar>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-layout,.project-copy,.project-data{min-width:0;max-width:100%}.project-copy,.project-data{overflow-x:hidden}.project-copy p,.project-data p,.project-copy h2{overflow-wrap:anywhere}.flow-node,.bar-item,.chart-card{min-width:0}.mini-guide[hidden]{display:none!important}
@media(max-width:950px){.project-switcher{grid-template-columns:repeat(5,minmax(100px,1fr))}.project-switcher>i{display:none}.project-dialog .project-copy,.project-dialog .project-data{overflow-x:hidden}.dashboard-groups{grid-template-columns:minmax(0,2fr) minmax(180px,.8fr)}}
@media(max-width:700px){.dashboard-groups{grid-template-columns:1fr;padding:8px 12px 22px}.profile-group .file-grid{grid-template-columns:repeat(3,1fr)}.profile-group .project-file{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center}.profile-group .project-file>i{grid-row:auto}.project-switcher{grid-template-columns:repeat(5,105px)}.project-switcher button span{display:none}.project-switcher button{min-width:58px}.project-switcher{grid-template-columns:repeat(5,1fr)}}
.dashboard-groups{grid-template-columns:1fr}.case-study-group .file-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.case-study-group .project-file{padding:10px 4px}.case-study-group .project-file>i{width:74px;height:54px}.case-study-group .project-file strong{font-size:12px}.case-study-group .project-file span{font-size:9px}.insight-grid article{overflow:hidden;padding:0}.insight-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px 14px;border:0;background:transparent;text-align:left;cursor:pointer}.insight-toggle b{margin:0}.insight-toggle i{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-size:15px}.insight-grid article>p{display:none;padding:0 14px 14px;margin:0!important}.insight-grid article.open{border-color:var(--accent);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 9%,transparent)}.insight-grid article.open>p{display:block}.insight-toggle:hover,.insight-toggle:focus-visible{background:color-mix(in srgb,var(--accent) 8%,white);outline:none}.contact-hub{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.contact-hub>a,.contact-hub>button{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-width:0;padding:13px;border:2px solid #101828;border-radius:10px;background:#fff;color:#101828;text-align:left;text-decoration:none;box-shadow:4px 4px 0 #101828;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.contact-hub>a:hover,.contact-hub>a:focus-visible,.contact-hub>button:hover,.contact-hub>button:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #101828;background:#eef4ff;outline:none}.contact-hub>*>span{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:#2f6bff;color:#fff;font-size:20px;font-weight:900}.contact-hub>*:nth-child(2)>span{background:#ffd84d;color:#101828}.contact-hub>*:nth-child(3)>span{background:#0a66c2}.contact-hub>*:nth-child(4)>span{background:#7357d9}.contact-hub div{display:grid;gap:3px;min-width:0}.contact-hub b{font-size:13px}.contact-hub small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.contact-hub i{color:#2f6bff;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}.email-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.email-actions .email-address{margin-top:0}.email-actions button{padding:14px 17px;border:2px solid #101828;border-radius:7px;background:#fff;color:#101828;font-weight:900;box-shadow:5px 5px 0 #101828;cursor:pointer}.email-actions button:hover,.email-actions button:focus-visible{transform:translateY(-2px);background:#ffd84d}.copy-status{margin:15px 0 0!important;color:#344054!important;font:800 12px/1.4 ui-monospace,monospace!important}
@media(max-width:950px){.dashboard-groups{grid-template-columns:1fr}.case-study-group .file-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.case-study-group .file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-hub{grid-template-columns:1fr}.contact-hub>a,.contact-hub>button{grid-template-columns:42px 1fr auto}}

/* Career direction and colourful desktop apps */
.finder-intro{padding:25px 32px 14px}.finder-intro h1{max-width:610px;margin-bottom:10px}.finder-intro .finder-opening{max-width:620px;font-size:14px;line-height:1.5}.career-direction{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.career-direction article{padding:11px 12px;border:1px solid #d8e0ed;border-radius:10px;background:rgba(255,255,255,.72)}.career-direction article:first-child{border-left:4px solid #2f6bff}.career-direction article:last-child{border-left:4px solid #7357d9}.career-direction b{display:block;margin-bottom:5px;color:#2f6bff;font-size:8px;letter-spacing:.1em}.career-direction article:last-child b{color:#7357d9}.career-direction p{font-size:10px!important;line-height:1.45!important}.role-ribbon{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}.role-ribbon span{padding:5px 7px;border-radius:999px;background:#e5edff;color:#174fbf;font-size:8px;font-weight:900}.role-ribbon span:nth-child(2){background:#eee9ff;color:#6546c4}.role-ribbon span:nth-child(3){background:#e6f7e0;color:#377a23}.role-ribbon i{margin-left:auto;color:#667085;font-size:8px;font-style:normal;font-weight:800}.dashboard-groups{padding-top:4px}.case-study-group .project-file{padding-top:7px;padding-bottom:7px}
.dock button{overflow:visible;background:rgba(255,255,255,.94)}.dock-icon{display:grid;place-items:center;width:30px;height:30px;margin:auto;border-radius:8px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 8px rgba(13,27,61,.22)}.dock-home .dock-icon{background:linear-gradient(145deg,#4d8dff,#2354d7);font-family:Arial,sans-serif;font-size:24px}.dock-education .dock-icon{background:linear-gradient(145deg,#ffcf55,#e58b15);font-size:18px}.dock-resume .dock-icon{background:linear-gradient(145deg,#ff6b74,#dc3343);font-size:10px;letter-spacing:-.02em}.dock-icon.dock-linkedin{width:30px;height:30px;margin:auto;background:linear-gradient(145deg,#1686df,#075aa6);font-size:14px}.gmail-icon{background:#fff;border:1px solid #e3e7ee}.gmail-icon svg{width:24px;height:18px;display:block}.dock button:hover .dock-icon,.dock button:focus-visible .dock-icon{transform:scale(1.08) rotate(-3deg)}
.contact-hub .contact-gmail{background:#fff!important;border:1px solid #e4e7ec}.contact-gmail svg{display:block;width:28px;height:21px}.contact-hub>*:nth-child(1)>span{background:linear-gradient(145deg,#ff6b74,#d63244)}.contact-hub>*:nth-child(3)>span{background:linear-gradient(145deg,#1686df,#075aa6)}.contact-hub>*:nth-child(4)>span{background:linear-gradient(145deg,#8d72ee,#6043c5)}
@media(max-width:1100px){.career-direction p{font-size:9px!important}.finder-intro{padding-left:25px;padding-right:25px}.finder-intro h1{font-size:clamp(29px,3vw,43px)}}
@media(max-width:700px){.career-direction{grid-template-columns:1fr}.role-ribbon i{width:100%;margin:2px 0 0}.finder-intro .finder-opening{font-size:13px}.career-direction p{font-size:10px!important}}

/* Readability pass: clearer hierarchy, breathing room and a clean avatar route */
.finder-intro{padding:29px 32px 18px}.finder-intro>span{display:block;margin-bottom:13px}.finder-intro h1{max-width:590px;margin:0 0 14px;font-size:clamp(36px,3.15vw,47px);line-height:1.01;letter-spacing:-.045em}.finder-intro .finder-opening{max-width:610px;font-size:14px;line-height:1.65}.career-direction{gap:12px;margin-top:17px}.career-direction article{min-height:128px;padding:15px 16px}.career-direction b{margin-bottom:8px;font-size:9px;line-height:1.3}.career-direction article>p{margin-bottom:7px!important;color:#344054;font-size:11px!important;font-weight:800;line-height:1.45!important}.career-direction ul{display:grid;gap:4px;margin:0;padding-left:17px;color:#667085;font-size:10px;line-height:1.4}.career-direction li::marker{color:#2f6bff}.career-direction article:last-child li::marker{color:#7357d9}.role-ribbon{gap:8px;margin-top:12px}.role-ribbon span{padding:6px 9px;font-size:8px}.role-ribbon i{font-size:9px}.dashboard-groups{padding:9px 18px 26px}.dashboard-group{padding:13px}.dashboard-group>header{padding-bottom:11px}.dashboard-group>header span{margin-top:3px;font-size:9px;line-height:1.35}.dashboard-group .file-grid{padding-top:12px}.case-study-group .project-file{padding:9px 4px 11px}.case-study-group .project-file strong{margin-top:4px}.walking-avatar{top:82%;width:68px;height:94px;opacity:.96}
@media(max-width:1100px){.finder-intro h1{font-size:clamp(34px,3vw,44px)}.career-direction p{font-size:11px!important}.career-direction ul{font-size:10px}}
@media(max-width:700px){.finder-intro{padding:25px 21px 16px}.finder-intro h1{font-size:36px;line-height:1}.career-direction article{min-height:0}.dashboard-groups{padding-left:12px;padding-right:12px}.walking-avatar{display:none}}
@media(max-height:760px) and (min-width:701px){.finder{top:3vh;height:91vh}.finder-intro{padding:20px 32px 10px}.finder-intro>span{margin-bottom:9px}.finder-intro h1{margin-bottom:9px;font-size:40px;line-height:.98}.finder-intro .finder-opening{font-size:12px;line-height:1.5}.career-direction{gap:10px;margin-top:11px}.career-direction article{min-height:104px;padding:11px 14px}.career-direction b{margin-bottom:5px}.career-direction article>p{margin-bottom:4px!important;font-size:10px!important}.career-direction ul{gap:2px;font-size:9px;line-height:1.3}.role-ribbon{margin-top:8px}.role-ribbon span{padding:4px 7px}.dashboard-groups{padding-top:5px;padding-bottom:14px}.dashboard-group{padding:10px}.dashboard-group>header{padding-bottom:7px}.dashboard-group .file-grid{padding-top:7px}.case-study-group .project-file{padding:5px 4px}.case-study-group .project-file>i{width:68px;height:49px}.walking-avatar{width:58px;height:82px}}

/* One project view, icon-only dock and a fuller profile */
.finder-toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.finder-toolbar p{margin:0;text-align:center}.finder-toolbar>span:last-child{text-align:right}.fixed-view{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.04em}.fixed-view i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d7dce4;border-radius:5px;background:#dfe6f2;color:#536179;font-style:normal}
.dock{gap:9px;padding:8px 10px}.dock button,.dock a{display:grid;width:50px;height:50px;padding:0;grid-template-rows:1fr;place-items:center;border-radius:13px}.dock-icon,.dock-icon.dock-linkedin{width:34px;height:34px}.dock button::after,.dock a::after{content:attr(data-label);position:absolute;bottom:59px;left:50%;padding:5px 7px;border-radius:5px;background:#101828;color:#fff;font-size:9px;font-weight:800;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:.16s}.dock button:hover::after,.dock button:focus-visible::after,.dock a:hover::after,.dock a:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.about-profile{grid-template-columns:repeat(2,1fr)}.about-profile article:nth-child(4){border-top:4px solid #e7a628}.about-profile article:nth-child(4) span{color:#a96800}
@media(max-width:620px){.dock button,.dock a{width:44px;height:44px}.dock-icon,.dock-icon.dock-linkedin{width:30px;height:30px}.finder-toolbar{grid-template-columns:1fr auto}.finder-toolbar p{display:none}.about-profile{grid-template-columns:1fr}}

/* Purpose-built phone layout */
@media(max-width:620px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{padding-bottom:0}
  .menu-bar{position:sticky;top:0;height:48px;gap:10px;padding:0 12px}
  .brand{padding-right:8px}.brand span{display:inline}
  .menu-bar nav{display:none}.menu-status{font-size:10px}.menu-status time{white-space:nowrap}
  .wallpaper{min-height:calc(100dvh - 48px);padding:0 10px 92px;overflow:visible}
  .wallpaper:before{position:fixed;pointer-events:none}
  .intro-stage{height:500px;margin:0 -10px;overflow:hidden}
  .intro-stage #livingHead{left:-24%;bottom:-6%;width:118%;height:72%;object-position:left bottom}
  .intro-stage #livingHead.idle,.intro-stage #livingHead.changing{animation:none!important;transform:none!important}
  .comic-intro{left:auto!important;right:14px!important;top:24px!important;width:232px;max-width:calc(100vw - 105px);padding:12px 12px 11px;border-width:3px;box-shadow:6px 6px 0 #101828,9px 9px 0 #ffd84d;transform:none}
  .comic-intro.changing{transform:translateY(4px)}
  .comic-intro>span{font-size:9px}.comic-intro h2{margin:6px 0;font-size:22px;line-height:.94}.comic-intro>p{min-height:0;font-size:11px;line-height:1.32}
  .comic-controls{gap:5px;margin-top:9px}.comic-controls button{min-width:0;padding:6px 4px;font-size:8px}.comic-controls b{font-size:8px}
  .wardrobe{margin-top:7px;padding-top:6px}.wardrobe>div{gap:4px}.wardrobe button{min-width:0;height:27px;padding:3px}.wardrobe button i{width:10px;height:10px}
  .comic-intro:after{left:-17px!important;bottom:42px!important;width:19px!important;height:27px!important}
  .avatar-mood{left:18px;bottom:72px;padding:6px 8px}.avatar-mood span{display:none}
  .intro-stage .head-label{left:18px;bottom:24px;max-width:230px}.head-label b{font-size:11px}.head-label span{font-size:9px;line-height:1.35}
  .finder{position:relative;right:auto;top:auto;width:100%;height:auto;min-height:0;border-radius:14px;overflow:hidden}
  .titlebar{grid-template-columns:auto minmax(0,1fr) auto;height:42px;padding:0 11px;font-size:10px}.titlebar strong{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.traffic{gap:5px}.traffic i{width:10px;height:10px}
  .finder-toolbar{height:40px;padding:0 11px}.fixed-view{font-size:9px}.fixed-view i{width:23px;height:23px}.finder-toolbar>span:last-child{font-size:9px}
  .finder-intro{padding:24px 18px 17px}.finder-intro>span{margin-bottom:10px;font-size:9px}.finder-intro h1{max-width:100%;margin-bottom:12px;font-size:34px;line-height:.98;overflow-wrap:anywhere}.finder-intro .finder-opening{font-size:13px;line-height:1.55}
  .career-direction{grid-template-columns:1fr;gap:9px;margin-top:14px}.career-direction article{min-height:0;padding:13px 14px}.career-direction b{font-size:9px}.career-direction article>p{font-size:11px!important}.career-direction ul{font-size:10px}
  .role-ribbon{gap:5px;margin-top:10px}.role-ribbon span{padding:5px 7px;font-size:8px}.role-ribbon i{width:100%;margin:4px 0 0;font-size:9px}
  .dashboard-groups{padding:5px 12px 20px}.dashboard-group{padding:12px}.dashboard-group>header{gap:6px}.dashboard-group>header span{font-size:9px}.dashboard-group>header>i{font-size:8px}
  .case-study-group .file-grid{grid-template-columns:1fr;gap:7px;padding-top:10px}
  .case-study-group .project-file{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;align-items:center;gap:2px 12px;width:100%;padding:10px 12px;border-color:#e1e7f0;background:rgba(255,255,255,.74);text-align:left}
  .case-study-group .project-file>i{grid-row:1/3;width:58px;height:43px;margin:0}.case-study-group .project-file>i:before{width:25px;height:9px}.case-study-group .project-file strong{max-width:100%;margin:0;font-size:13px;white-space:normal}.case-study-group .project-file span{font-size:9px}
  .walking-avatar{display:none}
  .dock{display:flex;left:50%;right:auto;bottom:max(8px,env(safe-area-inset-bottom));gap:7px;padding:7px 9px;transform:translateX(-50%);border-radius:17px}
  .dock button,.dock a{width:46px;height:46px}.dock-icon,.dock-icon.dock-linkedin{width:32px;height:32px}.dock button::after,.dock a::after{display:none}
  .project-dialog{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0}
  .project-dialog .dialog-bar{position:sticky;top:0;z-index:9;grid-template-columns:auto minmax(0,1fr) auto;height:43px;padding:0 10px}.project-dialog .dialog-bar>strong{padding:0 7px;text-align:center;font-size:9px}
  .project-switcher{position:sticky;top:43px;z-index:8;height:44px;grid-template-columns:repeat(5,1fr);padding:5px 7px}.project-switcher button{min-width:0}.project-switcher button span,.project-switcher>i{display:none}
  .project-dialog .project-layout{display:block;height:auto}.project-copy{padding:26px 18px}.project-copy h2{font-size:42px;line-height:.92}.lead{font-size:16px;line-height:1.5}.metric-strip{grid-template-columns:1fr;gap:7px;margin:21px 0}.metric-strip div{padding:12px}
  .project-data{padding:22px 14px 35px}.data-header{align-items:start;gap:12px}.data-header b{text-align:right}
  .flow-row{grid-template-columns:1fr}.flow-arrow{height:22px;transform:rotate(90deg)}.donut-row{grid-template-columns:100px 1fr;gap:12px}.donut{width:96px}.comparison-grid,.driver-grid{grid-template-columns:1fr}
  .info-dialog,.about-dialog,.linkedin-dialog,.email-dialog{width:calc(100vw - 18px);max-width:none;max-height:calc(100dvh - 18px);padding:35px 20px 28px;border-radius:13px;box-shadow:5px 5px 0 #101828}
  .info-dialog h2{font-size:38px;line-height:.94}.about-dialog .about-lead{font-size:14px}.about-profile,.education-grid{grid-template-columns:1fr}.about-profile article{padding:15px}.about-focus{align-items:flex-start;flex-direction:column}.contact-hub{grid-template-columns:1fr}
  .education-hero{grid-template-columns:1fr;min-height:auto}.education-hero img{height:240px}.education-grid article{padding:18px}
  .resume-dialog{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}.resume-dialog .dialog-bar{grid-template-columns:auto minmax(0,1fr) auto}.resume-dialog .dialog-bar>strong{text-align:center}.resume-actions a{padding:6px;font-size:7px}.resume-actions a:last-child{display:none}.resume-viewer{padding:8px}
  .mini-guide{display:none!important}
}
.dock-about .dock-icon{background:linear-gradient(145deg,#53d7c3,#168b7e);font-size:17px}
@media(max-width:620px){.dock{gap:5px;padding:7px 8px}.dock button,.dock a{width:44px;height:44px}.dock-icon,.dock-icon.dock-linkedin{width:31px;height:31px}}

/* Shared icon system: crisp vector marks instead of platform-dependent emoji. */
.project-file>i b{display:grid;place-items:center;width:100%;height:100%}
.project-file>i svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dock-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dock-resume .dock-icon svg{width:19px;height:19px}
.gmail-icon svg{stroke:none}
.finder-intro .ui-desktop-label,.finder-intro .ui-mobile-label{font:inherit;letter-spacing:inherit}
.finder-intro .ui-mobile-label{display:none}
body,button,a,dialog,input,textarea,select,.boot p,.brand,.thought,.project-file>i b,.dock-icon,.metric-strip span,.data-header span,.flow-status,.education-grid span,.education-grid i,.route-copy b,.resume-actions a,.copy-status{font-family:var(--font-futura)!important}
.finder-intro h1,.comic-intro h2,.project-copy h2,.info-dialog h2,.education-grid h3,.project-file strong,.titlebar strong,.about-profile h3{font-family:var(--font-display)}
.finder-intro h1,.project-copy h2,.info-dialog h2{letter-spacing:-.035em}
.comic-intro h2{letter-spacing:-.025em}
.project-file strong{font-weight:800;letter-spacing:-.015em}

/* Recruiter-focused content layer */
.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hero-actions button,.hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;border:2px solid #101828;border-radius:7px;background:#fff;color:#101828;font-size:9px;font-weight:900;text-decoration:none;box-shadow:3px 3px 0 #101828;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}
.hero-actions button{background:#2f6bff;color:#fff}
.hero-actions button:hover,.hero-actions button:focus-visible,.hero-actions a:hover,.hero-actions a:focus-visible{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #101828;outline:none}
.hero-actions a:last-child:hover,.hero-actions a:last-child:focus-visible{background:#eaf2ff}
.tool-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px;padding:9px 10px;border:1px solid #d8e0ed;border-radius:9px;background:rgba(255,255,255,.62)}
.tool-strip b{margin-right:2px;color:#667085;font-size:8px;letter-spacing:.12em}
.tool-strip span{padding:4px 7px;border-radius:5px;background:#101828;color:#fff;font-size:8px;font-weight:800;line-height:1}
.tool-strip .ai-tool{background:#5b43d6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.recruiter-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:15px 17px;border:2px solid #101828;border-radius:11px;background:linear-gradient(120deg,#101828,#173b79);color:#fff;box-shadow:5px 5px 0 #2f6bff}
.recruiter-cta div{display:grid;gap:4px;min-width:0}.recruiter-cta b{font-size:12px}.recruiter-cta span{color:#dbe7ff;font-size:9px;line-height:1.45}
.recruiter-cta button{flex:0 0 auto;padding:9px 12px;border:0;border-radius:7px;background:#ffd84d;color:#101828;font-size:9px;font-weight:900;cursor:pointer}.recruiter-cta button:hover,.recruiter-cta button:focus-visible{background:#fff;outline:2px solid #ffd84d;outline-offset:2px}
.project-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0}
.project-meta-grid>div{display:grid;align-content:start;gap:5px;min-width:0;padding:11px;border:1px solid color-mix(in srgb,var(--accent) 26%,#d8e0ed);border-radius:9px;background:color-mix(in srgb,var(--accent) 5%,white)}
.project-meta-grid span{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.1em}.project-meta-grid b{color:#243047;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.contribution-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
.contribution-areas:empty{display:none}.contribution-areas article{padding:11px;border:1px solid #dfe5ee;border-left:4px solid var(--accent);border-radius:8px;background:#fff}.contribution-areas b{display:block;margin-bottom:5px;color:var(--accent);font-size:10px}.contribution-areas p{margin:0!important;font-size:10px!important;line-height:1.5!important}
.flow-node small{display:block;margin-top:3px;color:#667085;font-size:8px;font-weight:700;line-height:1.25}

@media(max-width:1100px){
  .finder-intro h1{font-size:clamp(31px,2.7vw,41px)}
  .hero-actions{margin-top:11px}.tool-strip{margin-top:9px}
}
@media(max-width:620px){
  .finder-intro h1{font-size:32px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:13px}.hero-actions button{grid-column:1/-1}.hero-actions button,.hero-actions a{min-height:38px;font-size:9px}
  .tool-strip{gap:5px;padding:9px}.tool-strip b{width:100%}.tool-strip span{font-size:8px}
  .recruiter-cta{align-items:stretch;flex-direction:column;padding:15px}.recruiter-cta button{width:100%;min-height:38px}
  .project-meta-grid{grid-template-columns:1fr;margin:16px 0}
  .contribution-areas{grid-template-columns:1fr}
  .dock{gap:4px!important;padding:6px 7px!important}.dock button,.dock a{width:39px!important;height:39px!important}.dock-icon,.dock-icon.dock-linkedin{width:28px!important;height:28px!important}.dock-icon svg{width:18px;height:18px}
}
@media(max-width:370px){.dock button,.dock a{width:36px!important;height:36px!important}.dock-icon,.dock-icon.dock-linkedin{width:25px!important;height:25px!important}}

/* Bitter readability: keep strong display type without words visually merging. */
.finder-intro h1{
  max-width:650px;
  font-size:clamp(34px,2.8vw,44px);
  line-height:1.08;
  letter-spacing:-.01em;
  word-spacing:.08em;
}
.project-copy h2,.info-dialog h2{
  line-height:1.02;
  letter-spacing:-.012em;
  word-spacing:.07em;
}
.project-file strong,.comic-intro h2{
  letter-spacing:0;
  word-spacing:.05em;
}
.comic-prompt{display:block;margin-top:8px;color:#2f6bff;font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1.25}
.comic-prompt[hidden]{display:none}
@media(max-width:620px){
  .finder-intro h1{font-size:30px;line-height:1.1;letter-spacing:-.005em;word-spacing:.07em}
}

/* Keep navigation and animated guide clear of the portfolio window. */
@media(min-width:951px){
  .dock{
    left:25%;
    right:auto;
    bottom:18px;
    transform:translateX(-50%);
  }
  .walking-avatar{
    max-width:58px;
    max-height:82px;
  }
  .dashboard-groups{padding-bottom:34px}
  .recruiter-cta{margin-bottom:8px}
}
@media(min-width:621px) and (max-width:950px){
  .walking-avatar{display:none}
  .wallpaper{padding-bottom:118px}
}