@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--paper:#e9e6dc;--ink:#20201e;--acid:#d4ef45;--purple:#7554ce;--muted:#54544e;--line:#96958a;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',sans-serif;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#27271f05 3px 4px)}a{color:inherit;text-decoration:none;touch-action:manipulation}a:hover{color:#594091}a:focus-visible{outline:3px solid #7554ce;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:.95;text-transform:uppercase}h2{font-size:clamp(44px,5vw,70px);font-weight:800}h3{font-size:30px}em{font-style:normal}::selection{background:var(--acid);color:var(--ink)}.skip-link{position:fixed;top:-100px;background:var(--acid);padding:12px;z-index:99}.skip-link:focus{top:0}.site-header{border-bottom:2px solid var(--ink);background:var(--paper);position:sticky;top:0;z-index:20}.header-inner{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 5%}.brand{font-size:15px;font-weight:700;letter-spacing:-.04em;display:flex;align-items:center;gap:12px}.brand:before{content:'ZC';font:900 28px var(--display);background:var(--ink);color:var(--paper);padding:5px 10px;transform:rotate(-5deg)}nav{display:flex;gap:25px}nav a,.resume-link{font:500 13px var(--mono);display:flex;align-items:center;min-height:44px}nav a:hover{text-decoration:line-through}.resume-link{border:1px solid var(--ink);padding:0 15px;gap:20px;box-shadow:3px 3px 0 var(--ink)}.hero{overflow:hidden;border-bottom:2px solid var(--ink);position:relative}.hero-inner{max-width:1400px;margin:auto;padding:65px 5% 80px;display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:30px}.availability{font:500 12px var(--mono);display:inline-flex;align-items:center;gap:8px;background:var(--acid);padding:7px 13px;transform:rotate(-2deg);border:1px solid var(--ink);margin-bottom:28px}.availability span{background:var(--ink);height:7px;width:7px;border-radius:50%}.hero-role{font:500 12px/1.6 var(--mono);text-transform:uppercase;margin-bottom:20px;max-width:500px}h1{font-weight:900;font-size:clamp(50px,6vw,84px);letter-spacing:-.035em;line-height:.91}h1 em{color:var(--paper);background:var(--ink);display:inline-block;padding:0 9px 7px;margin:5px 0;transform:rotate(-1.5deg);font-size:.81em}h1{max-width:740px}.hero-summary{max-width:490px;margin:27px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:18px;align-items:center;margin-top:28px;flex-wrap:wrap}.button{font:500 14px var(--mono);border:2px solid var(--ink);padding:17px 20px;min-height:50px;display:inline-flex;gap:25px;justify-content:center;align-items:center;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);color:inherit}.button-primary,.button-light{background:var(--acid);color:var(--ink)}.button-secondary{background:transparent;box-shadow:none}.portrait-area{position:relative;min-height:490px;background:var(--purple);display:flex;align-items:center;justify-content:center;transform:rotate(4deg);border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink);padding:35px 20px 65px;margin:0 15px 0 10px;background-image:radial-gradient(#221a393b .8px,transparent .8px);background-size:5px 5px}.portrait-area:before{content:'';position:absolute;top:-17px;left:30%;width:115px;height:33px;background:#d8d0aacf;transform:rotate(-9deg);border-left:2px dashed #8e866955;border-right:2px dashed #8e866955;z-index:2}.portrait-area img{width:min(90%,310px);height:auto;filter:grayscale(1) contrast(1.3);transform:rotate(-7deg)}.portrait-note{position:absolute;right:-17px;top:28px;background:var(--acid);color:var(--ink);font:600 15px/1.2 var(--mono);padding:15px;transform:rotate(7deg);border:2px solid var(--ink);z-index:3}.portrait-caption{position:absolute;left:-22px;bottom:25px;background:var(--paper);padding:12px 20px;transform:rotate(-8deg);border:2px solid var(--ink);display:flex;flex-direction:column}.portrait-caption strong{font:800 38px var(--display);line-height:1}.portrait-caption span{font:12px var(--mono);margin-top:8px}.intro,.expertise,.experience{max-width:1260px;margin:auto;padding:80px 0}.intro{display:grid;grid-template-columns:1fr 3fr;gap:40px}.section-label,.eyebrow{font:500 13px/1.7 var(--mono);text-transform:uppercase}.section-label:before{content:'[01] ';color:#594091}.intro h2{max-width:780px}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:28px;color:var(--muted)}.expertise{border-top:2px solid var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading h2{margin-top:17px}.section-heading>p{max-width:330px;color:var(--muted)}.expertise .eyebrow:before{content:'[02] ';color:#594091}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.expertise-grid article{background:var(--ink);color:var(--paper);padding:26px 23px 30px;border:2px solid var(--ink);box-shadow:5px 5px 0 #8c8c7d;position:relative}.expertise-grid article:nth-child(even){transform:translateY(14px) rotate(1deg)}.expertise-grid article:nth-child(3){background:var(--acid);color:var(--ink);transform:rotate(-2deg)}.expertise-number{font:500 13px var(--mono);display:block;border-bottom:1px dashed currentColor;padding-bottom:18px;margin-bottom:32px}.expertise-grid h3{font-size:31px;line-height:1;letter-spacing:-.02em;margin-bottom:18px;overflow-wrap:anywhere}.expertise-grid p{font-size:16px;line-height:1.7;opacity:.88}.skill-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:48px}.skill-list span{font:12px/1.5 var(--mono);border:1px solid var(--ink);padding:7px 12px;background:var(--paper)}.skill-list span:nth-child(3n){transform:rotate(-2deg)}.experience{border-top:2px solid var(--ink)}.experience .eyebrow:before{content:'[03] ';color:#594091}.experience-heading>a{font:14px/1.6 var(--mono);border-bottom:2px solid var(--ink);padding:12px 0;white-space:nowrap}.job{display:grid;grid-template-columns:135px 1fr 1.2fr;gap:30px;padding:33px 0;border-top:1px dashed var(--line)}.job-date{font:13px/1.6 var(--mono)}.job-title>p{font:500 13px/1.6 var(--mono);margin-bottom:10px;color:#594091}.job-title h3{font-size:31px;line-height:1.1}.job-description p{font-size:16px;line-height:1.7;color:var(--muted)}.job-description p+p{margin-top:10px}.results{background:var(--acid);border-block:2px solid var(--ink);padding:35px max(5%,calc((100vw - 1260px)/2));display:grid;grid-template-columns:1fr 1fr;gap:50px}.results>div{display:flex;flex-direction:column}.results strong{font:800 45px var(--display);text-transform:uppercase}.results span{font:13px/1.7 var(--mono)}.contact{background:var(--ink);color:var(--paper);padding:80px max(5%,calc((100vw - 1260px)/2));position:relative}.contact .eyebrow{color:var(--acid)}.contact h2{font-size:clamp(65px,9vw,128px);margin:30px 0;font-weight:900;letter-spacing:-.025em}.contact h2 em{color:var(--acid)}.contact-copy{max-width:570px;font-size:17px;color:#c3c3b7}.contact-actions{display:flex;gap:35px;align-items:center;margin-top:32px}.contact .button{border-color:var(--acid);box-shadow:5px 5px 0 #70735c}.linkedin-link{font:14px var(--mono);padding:14px 0;border-bottom:1px solid var(--paper)}.linkedin-link:hover{color:var(--acid)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 5%;font:12px/1.6 var(--mono)}footer a{min-height:44px;display:flex;align-items:center}
@media(max-width:1399px){.intro,.expertise,.experience{margin-inline:5%}}@media(max-width:1000px){.hero-inner{gap:20px;grid-template-columns:1.3fr 1fr}.portrait-area{min-height:410px;margin-right:10px}.portrait-note{font-size:12px;right:-5px}.expertise-grid{grid-template-columns:repeat(2,1fr);gap:25px}.expertise-grid article:nth-child(even){transform:rotate(1deg)}.job{grid-template-columns:100px 1fr 1.1fr;gap:20px}nav{gap:15px}.brand{font-size:13px}.header-inner{gap:15px}.intro{grid-template-columns:1fr 3fr;gap:20px}footer>p:nth-child(2){display:none}}
@media(max-width:700px){html{scroll-padding-top:150px}.header-inner{flex-wrap:wrap;padding:10px 5%;gap:8px}.brand{font-size:13px}.brand:before{font-size:24px}.resume-link{font-size:12px;padding:0 10px;gap:10px;margin-left:auto}nav{order:3;width:100%;justify-content:space-between;gap:8px}nav a{font-size:12px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding:35px 6% 65px;gap:50px}h1{font-size:clamp(45px,8.8vw,67px)}h1 em{font-size:.8em}.hero-role{font-size:12px}.hero-summary{font-size:16px}.availability{margin-bottom:20px}.hero-actions{gap:14px}.button{font-size:13px;padding:15px;gap:16px}.portrait-area{min-height:380px;width:min(88%,350px);margin:0 auto}.portrait-area img{width:240px}.portrait-caption{left:-12px;bottom:15px}.portrait-note{right:-15px;font-size:13px}.intro,.expertise,.experience{padding:50px 0;margin-inline:6%}.intro{display:block}.intro h2{margin-top:22px}.intro-copy{grid-template-columns:1fr;gap:20px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;max-width:none}.expertise-grid{grid-template-columns:1fr;gap:22px;margin-inline:5px}.expertise-grid article:nth-child(even){transform:rotate(1deg)}.expertise-grid article:nth-child(3){transform:rotate(-1deg)}.expertise-grid h3{font-size:34px}.expertise-number{margin-bottom:23px}.section-heading h2{font-size:48px}.experience-heading>a{display:inline-block;margin-top:20px}.job{grid-template-columns:1fr;gap:13px;padding-block:28px}.job-title h3{font-size:32px}.results{grid-template-columns:1fr;gap:24px;padding:28px 6%}.results>div+div{border-top:1px dashed var(--ink);padding-top:24px}.results strong{font-size:39px}.contact{padding:55px 6%}.contact h2{font-size:clamp(56px,12vw,84px)}.contact-actions{flex-direction:column;align-items:flex-start;gap:20px}.contact .button{font-size:12px;gap:12px}footer{font-size:12px;flex-wrap:wrap;padding:20px 6%;gap:10px}h1,h2,h3{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}