:root{--bg: #ffffff;--bg-soft: #f6f7f4;--bg-ink: #101820;--text: #111827;--muted: #5f6875;--border: #d9ddd5;--accent: #0f766e;--accent-dark: #0b4f49;--gold: #a66b18;--red: #9f2f25;--shadow: 0 18px 50px rgba(16, 24, 32, .08);--max: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;letter-spacing:0;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-dark)}a:focus-visible,button:focus-visible{outline:3px solid rgba(15,118,110,.36);outline-offset:3px;border-radius:8px}main:focus{outline:none}.skip-link{position:fixed;top:12px;left:12px;z-index:20;min-height:42px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--accent-dark);font-weight:850;box-shadow:var(--shadow);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}p{margin:0;color:var(--muted)}h1,h2,h3{margin:0;letter-spacing:0;line-height:1.05;color:var(--text);max-width:100%;overflow-wrap:break-word}h1{font-size:58px;max-width:850px}h2{font-size:36px}h3{font-size:22px}.site-header,.site-footer,.section{width:min(var(--max),calc(100% - 40px));margin:0 auto}.site-header{min-height:76px;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:22px;align-items:center}.brand{display:inline-flex;align-items:center;gap:12px;width:fit-content}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--accent-dark);font-weight:800;font-size:14px}.brand-mark svg{width:30px;height:30px;overflow:visible}.brand-mark-glyph,.brand-mark-cut{fill:currentColor}.brand-mark-cut{opacity:.72}.brand strong,.brand span span{display:block}.brand strong{font-size:15px;line-height:1.1}.brand span span{font-size:12px;color:var(--muted)}nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px;font-weight:650}nav a{padding:8px 0;border-bottom:2px solid transparent}nav a[aria-current=page]{color:var(--accent-dark);border-color:var(--accent)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--border);font-weight:750;font-size:14px}.header-cta{background:var(--bg-ink);border-color:var(--bg-ink);color:#fff}.header-cta:hover,.button-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.button-secondary{background:#fff;color:var(--text)}.hero{min-height:clamp(520px,calc(78vh - 76px),700px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:56px;align-items:center;padding:42px 0 62px}.hero-copy p,.page-hero p{max-width:690px;margin-top:24px;font-size:20px;line-height:1.55}.hero-copy,.hero-panel,.case-hero>*,.proof-visual{min-width:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.fit-strip,.signal-band,.tool-cloud{display:flex;flex-wrap:wrap;gap:9px}.fit-strip{margin-top:24px}.fit-strip span,.signal-band span,.tool-cloud span{border:1px solid rgba(15,118,110,.18);border-radius:8px;background:#0f766e0f;color:var(--accent-dark);font-size:13px;font-weight:800}.fit-strip span{padding:7px 10px}.signal-band{justify-content:center;padding-top:18px;padding-bottom:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.signal-band span,.tool-cloud span{padding:8px 10px}.hero-panel{align-self:stretch;display:grid;align-items:center}.section{padding:86px 0}.section-tight{padding-top:54px}.section-heading{display:grid;gap:14px;max-width:760px;margin-bottom:34px}.section-heading p:last-child{font-size:18px}.section-label{color:var(--accent-dark);font-size:13px;font-weight:800;text-transform:uppercase}.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.proof-card{min-height:330px;display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 10px 30px #1018200a}.proof-card-topline{color:var(--gold);font-size:12px;font-weight:850;text-transform:uppercase}.proof-card p{flex:1}.answer-section{padding-top:48px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.answer-grid article{min-height:178px;display:grid;align-content:start;gap:12px;padding:24px;border:1px solid var(--border);border-radius:8px;background:#fff}.answer-grid h3{font-size:21px}.proof-card-meta{display:flex;flex-wrap:wrap;gap:8px}.proof-card-meta span,.case-tags span{border:1px solid var(--border);border-radius:8px;padding:5px 8px;color:var(--muted);font-size:12px;font-weight:700}.text-link,.back-link{color:var(--accent-dark);font-weight:800}.proof-visual{margin:0;padding:24px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(15,118,110,.08),transparent 42%),var(--bg-soft);box-shadow:var(--shadow)}.visual-header{display:grid;gap:4px;margin-bottom:22px}.visual-header span{color:var(--accent-dark);font-size:12px;font-weight:850;text-transform:uppercase}.visual-header strong{font-size:22px;line-height:1.1}.visual-flow{display:grid;gap:10px;margin-bottom:22px}.flow-row{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid rgba(16,24,32,.08);border-radius:8px;background:#ffffffb8;color:var(--text);font-weight:750}.flow-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:0 0 auto}.visual-metrics{display:grid;gap:8px}.visual-metrics span{padding:10px 12px;border-radius:8px;background:var(--bg-ink);color:#fff;font-size:14px;font-weight:800}.proof-visual-documents .flow-dot{background:var(--gold)}.proof-visual-tools .flow-dot{background:var(--red)}.proof-visual-career .flow-dot,.proof-visual-portable .flow-dot,.proof-visual-media .flow-dot{background:var(--gold)}.proof-visual-monitor .flow-dot,.proof-visual-shotsort .flow-dot,.proof-visual-extension .flow-dot,.proof-visual-prototype .flow-dot{background:var(--red)}.proof-visual-mcp .flow-dot,.proof-visual-dashboard .flow-dot,.proof-visual-consumer .flow-dot,.proof-visual-notes .flow-dot{background:var(--accent-dark)}.project-snapshot{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);gap:42px;align-items:start}.project-snapshot .section-heading{margin-bottom:0}.snapshot-list{display:grid;gap:10px}.snapshot-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) auto;gap:16px;align-items:center;min-height:58px;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:#fff}.snapshot-row span,.snapshot-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.snapshot-row strong{line-height:1.2}.section-action{grid-column:2;margin-top:-26px}.projects-hero{padding-bottom:22px}.project-jumpbar{display:flex;flex-wrap:wrap;gap:10px;padding-top:0;padding-bottom:26px}.project-jumpbar a{min-height:40px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);font-size:13px;font-weight:800}.project-jumpbar a:hover,.project-jumpbar a:focus-visible{color:var(--accent-dark);border-color:#0f766e73}.project-section{scroll-margin-top:24px}.project-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:34px;padding-bottom:44px}.overview-stat{min-height:174px;padding:22px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.overview-stat span,.project-card-kicker span,.project-role strong{color:var(--accent-dark);font-size:12px;font-weight:850;text-transform:uppercase}.overview-stat strong{display:block;margin:12px 0 8px;color:var(--text);font-size:42px;line-height:1}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-grid-featured{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{min-width:0;display:flex;flex-direction:column;gap:16px;padding:22px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 10px 30px #1018200a}.project-card h2{font-size:25px}.project-card>p{font-size:16px}.project-card-kicker{display:flex;flex-wrap:wrap;gap:8px 14px}.project-artifact{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-height:180px;padding:18px;border-radius:8px;background:linear-gradient(135deg,rgba(15,118,110,.12),transparent 52%),var(--bg-soft);overflow:hidden}.project-artifact:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(16,24,32,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,32,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(135deg,#000,transparent 70%);pointer-events:none}.artifact-topline,.artifact-pills,.artifact-canvas{position:relative;z-index:1}.artifact-topline{display:grid;gap:3px}.artifact-topline span{color:var(--accent-dark);font-size:11px;font-weight:850;text-transform:uppercase}.artifact-topline strong{max-width:19ch;font-size:18px;line-height:1.1}.artifact-canvas{min-height:68px}.motif-cell,.motif-path{position:absolute;display:block}.motif-cell{border:1px solid rgba(16,24,32,.14);border-radius:8px;background:#ffffffc7;box-shadow:0 8px 22px #10182014}.motif-path{height:2px;border-radius:999px;background:#0f766e6b;transform-origin:left center}.motif-cell-a{width:42px;height:32px;left:6%;top:10px}.motif-cell-b{width:58px;height:40px;left:35%;top:0}.motif-cell-c{width:48px;height:32px;right:7%;top:20px}.motif-cell-d{width:34px;height:24px;left:20%;bottom:0}.motif-path-a{width:34%;left:18%;top:36px;transform:rotate(-10deg)}.motif-path-b{width:32%;right:16%;top:44px;transform:rotate(13deg)}.artifact-pills{display:flex;flex-wrap:wrap;gap:7px}.artifact-pills span{padding:4px 7px;border:1px solid rgba(16,24,32,.1);border-radius:8px;background:#ffffffc7;color:var(--muted);font-size:11px;font-weight:800}.project-artifact-basketball{background:linear-gradient(90deg,transparent 49%,rgba(15,118,110,.16) 50%,transparent 51%),linear-gradient(135deg,#0f766e24,#a66b181a)}.project-artifact-basketball .motif-cell{border-radius:50%}.project-artifact-career .motif-cell,.project-artifact-dashboard .motif-cell,.project-artifact-consumer .motif-cell{border-radius:3px}.project-artifact-monitor .motif-cell-a,.project-artifact-monitor .motif-cell-b,.project-artifact-monitor .motif-cell-c,.project-artifact-media .motif-cell-a,.project-artifact-media .motif-cell-b,.project-artifact-media .motif-cell-c{height:12px;border-radius:999px}.project-artifact-documents .motif-cell,.project-artifact-portable .motif-cell,.project-artifact-notes .motif-cell{width:42px;height:52px;border-radius:5px}.project-artifact-shotsort .motif-cell,.project-artifact-extension .motif-cell,.project-artifact-prototype .motif-cell{border-radius:5px;background:#ffffffdb}.project-artifact-mcp .motif-cell{width:28px;height:28px;border-radius:50%}.project-artifact-monitor .motif-path,.project-artifact-shotsort .motif-path,.project-artifact-extension .motif-path,.project-artifact-prototype .motif-path{background:#9f2f256b}.project-artifact-career .motif-path,.project-artifact-portable .motif-path,.project-artifact-media .motif-path{background:#a66b186b}.artifact-node{width:14px;height:14px;align-self:center;border-radius:50%;background:var(--accent)}.artifact-node-accent{background:var(--gold)}.artifact-line{height:12px;align-self:center;border-radius:8px;background:#10182029}.artifact-line-long{width:88%}.artifact-line-mid{width:66%}.artifact-line-short{width:46%;grid-column:2}.project-card-career .artifact-node-accent,.project-card-portable .artifact-node-accent,.project-card-media .artifact-node-accent{background:var(--gold)}.project-card-monitor .artifact-node-accent,.project-card-shotsort .artifact-node-accent,.project-card-extension .artifact-node-accent,.project-card-prototype .artifact-node-accent{background:var(--red)}.project-proof-row{display:flex;flex-wrap:wrap;gap:8px}.project-proof-row span{padding:5px 8px;border:1px solid rgba(15,118,110,.18);border-radius:8px;background:#0f766e0f;color:var(--accent-dark);font-size:12px;font-weight:800}.project-role{display:grid;gap:6px;padding-top:4px}.tool-list{display:flex;flex-wrap:wrap;gap:8px}.tool-list span{padding:5px 8px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px;font-weight:750}.public-note{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);font-size:14px}.work-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.work-steps article{padding-top:18px;border-top:2px solid var(--border)}.work-steps span{display:block;margin-bottom:18px;color:var(--accent-dark);font-weight:850}.work-steps h3{margin-bottom:10px}.page-hero{padding-top:80px;padding-bottom:42px}.case-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:48px;align-items:center;padding-top:80px;padding-bottom:54px}.case-hero h1,.page-hero h1{margin-top:16px}.case-hero p{margin-top:20px;max-width:720px;font-size:19px}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:30px;padding-bottom:30px}.case-metrics article{padding:22px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.case-metrics span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase}.case-metrics strong{display:block;margin:8px 0 4px;font-size:30px;line-height:1.05}.case-answer{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);gap:28px;align-items:start;padding-top:34px;padding-bottom:34px}.case-answer h2{margin-top:10px;margin-bottom:14px}.case-answer p{font-size:18px}.case-signal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-signal-list article,.resume-grid article,.recruiter-fit-grid article,.checklist-grid article,.recruiter-proof-grid a,.resume-proof-list a{border:1px solid var(--border);border-radius:8px;background:#fff}.case-signal-list article{padding:22px}.case-signal-list h3{margin-bottom:12px;font-size:20px}.case-signal-list ul,.resume-grid ul,.recruiter-fit-grid ul{margin:0;padding-left:20px;color:var(--muted)}.case-signal-list li+li,.resume-grid li+li,.recruiter-fit-grid li+li{margin-top:8px}.case-body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start}.case-body aside{position:sticky;top:24px;display:grid;gap:12px;padding:22px;border:1px solid var(--border);border-radius:8px;background:#fff}.case-sections{display:grid;gap:34px}.case-sections article{padding-bottom:30px;border-bottom:1px solid var(--border)}.case-sections h2{margin-bottom:12px}.case-artifacts{padding-top:34px}.artifact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.artifact-grid article{min-height:190px;display:grid;align-content:start;gap:14px;padding:22px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(15,118,110,.07),transparent 54%),#fff}.artifact-grid span{color:var(--accent-dark);font-size:12px;font-weight:850;text-transform:uppercase}.note-band{margin-bottom:54px;padding:34px;border-radius:8px;background:var(--bg-ink)}.note-band h2,.note-band p{color:#fff}.note-band p{max-width:820px;margin-top:12px;opacity:.82}.note-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.note-band .button-secondary{border-color:#ffffff47}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:36px}.about-grid article{padding:28px;border:1px solid var(--border);border-radius:8px}.about-grid h2{margin-bottom:14px;font-size:26px}.about-grid p+p{margin-top:12px}.about-grid ul{margin:0;padding-left:20px;color:var(--muted)}.resume-grid,.recruiter-fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:36px}.recruiter-fit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resume-grid article,.recruiter-fit-grid article{padding:28px}.resume-grid h2,.recruiter-fit-grid h2{margin:10px 0 16px;font-size:27px}.resume-proof-list,.recruiter-proof-grid,.checklist-grid{display:grid;gap:14px}.resume-proof-list{grid-template-columns:repeat(5,minmax(0,1fr))}.resume-proof-list a,.recruiter-proof-grid a{display:grid;gap:10px;padding:20px}.resume-proof-list span,.recruiter-proof-grid span,.checklist-grid span{color:var(--accent-dark);font-size:12px;font-weight:850;text-transform:uppercase}.resume-proof-list strong{font-size:20px;line-height:1.1}.resume-proof-list p,.recruiter-proof-grid p{font-size:14px}.tool-cloud-section{padding-bottom:28px}.recruiter-checklist{padding-top:42px;padding-bottom:42px}.checklist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.checklist-grid article{min-height:168px;display:grid;align-content:start;gap:12px;padding:22px;background:linear-gradient(135deg,rgba(15,118,110,.07),transparent 54%),#fff}.recruiter-proof-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.recruiter-signals{margin-top:20px}.site-footer{display:flex;justify-content:space-between;gap:28px;padding:38px 0;border-top:1px solid var(--border)}.site-footer p{margin-top:6px}.footer-links{display:flex;gap:18px;font-weight:800}@media(max-width:900px){h1{font-size:42px}h2{font-size:30px}.site-header{grid-template-columns:1fr;gap:14px;padding:16px 0}nav{flex-wrap:wrap}.header-cta{width:fit-content}.hero,.case-hero,.case-body{grid-template-columns:1fr}.hero{min-height:auto;padding-top:44px}.proof-grid,.project-grid,.project-grid-featured,.project-overview,.project-snapshot,.work-steps,.case-metrics,.case-answer,.case-signal-list,.artifact-grid,.about-grid,.answer-grid,.resume-grid,.recruiter-fit-grid,.resume-proof-list,.recruiter-proof-grid,.checklist-grid{grid-template-columns:1fr}.section-action{grid-column:auto}.snapshot-row{grid-template-columns:1fr;gap:4px}.case-body aside{position:static}.site-footer{flex-direction:column}}@media(max-width:540px){.site-header,.site-footer,.section{width:min(var(--max),calc(100% - 28px))}h1{font-size:34px}.page-hero,.projects-hero{padding-top:46px;padding-bottom:24px}.section{padding-top:58px;padding-bottom:58px}.page-hero,.projects-hero,.resume-hero,.recruiters-hero{padding-top:46px;padding-bottom:24px}.section-tight{padding-top:32px}.project-jumpbar{padding-top:0;padding-bottom:14px;flex-wrap:nowrap;overflow-x:auto;scroll-padding-left:0}.project-jumpbar a{flex:0 0 auto;justify-content:center;text-align:center}.projects-hero .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.projects-hero .hero-actions .button{width:auto}.projects-hero .hero-actions .button-primary{grid-column:1 / -1}.project-overview{padding-top:22px;padding-bottom:28px}.hero-copy p,.page-hero p,.case-hero p{font-size:17px}.proof-card,.project-card,.about-grid article,.answer-grid article,.resume-grid article,.recruiter-fit-grid article,.resume-proof-list a,.recruiter-proof-grid a,.checklist-grid article,.artifact-grid article,.case-metrics article,.case-signal-list article,.note-band{padding:20px}.project-artifact{min-height:160px}.proof-visual{width:100%;padding:20px}.visual-metrics span{font-size:13px;overflow-wrap:break-word}.button{width:100%}.note-actions{display:grid}}