@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#111;--paper:#f4f1e9;--muted:#66625a;--line:#c9c4b8;--pink:#ff2f8f;--acid:#d9ff3f;--dark:#151515;--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk",Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}
.site-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);font:11px "DM Mono",monospace;gap:16px;padding:12px 0}
.brand{font:700 20px "Space Grotesk";letter-spacing:-.06em;flex-shrink:0}
.brand span{font-weight:400;color:var(--pink)}
nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
nav a{opacity:.7;transition:opacity .15s}
nav a:hover,nav a.active{opacity:1}
.nav-cv{border:1px solid var(--ink);padding:8px 12px;flex-shrink:0;white-space:nowrap;font-weight:500;transition:background .15s,color .15s}
.nav-cv:hover{background:var(--ink);color:var(--paper)}
.hero{min-height:760px;display:grid;grid-template-columns:1fr 280px;gap:60px;align-items:center;padding:95px 0}.eyebrow,.section-top,.article-kicker{font:10px "DM Mono",monospace;letter-spacing:.04em}.hero h1{font-size:clamp(68px,10.5vw,158px);line-height:.82;letter-spacing:-.075em;margin:25px 0}.hero h1 em,.contact h2 em,.now h2 em,.about h2 em,.thinking-main h1 em{font-style:normal;color:var(--pink)}.hero-copy{max-width:680px;font-size:21px;line-height:1.5}.hero-note{font:12px "DM Mono";line-height:1.15;border:2px solid var(--ink);padding:28px;transform:rotate(3deg);background:var(--acid);box-shadow:12px 12px 0 var(--ink)}.hero-note span{display:block;margin-bottom:70px}.actions{display:flex;gap:12px;margin-top:30px}.button{border:1px solid var(--ink);padding:14px 18px;font:11px "DM Mono"}.button.primary{background:var(--ink);color:var(--paper)}
.proof{background:var(--acid);border-block:2px solid var(--ink);padding:55px 0}.section-top{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:42px}.section-top p{font:18px "Space Grotesk";margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stats div{padding:25px 20px 25px 0;border-top:1px solid var(--ink);border-right:1px solid var(--ink)}.stats div:nth-child(3n){border-right:0}.stats div:nth-child(n+4){border-top:1px solid var(--ink)}.stats strong{display:block;font-size:clamp(30px,4vw,62px);letter-spacing:-.07em}.stats span{font:10px "DM Mono"}
.section{padding:120px 0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:70px}.feature h2{font-size:clamp(55px,7vw,105px);line-height:.84;letter-spacing:-.07em;margin:20px 0}.feature-copy p{max-width:620px;line-height:1.65}.lead{font-size:22px!important}.text-link{display:inline-block;margin-top:20px;border-bottom:2px solid var(--pink);padding-bottom:5px;font:11px "DM Mono"}.system-card{background:#fff;border:2px solid var(--ink);padding:25px;min-height:430px;display:flex;flex-direction:column;justify-content:center;gap:18px;box-shadow:18px 18px 0 var(--pink)}.system-head,.system-foot{font:10px "DM Mono"}.system-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.system-flow span{border:1px solid var(--ink);padding:12px;font:11px "DM Mono"}.system-flow i{font-style:normal}.system-foot{margin-top:25px;border-top:1px solid var(--ink);padding-top:15px}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink);margin-top:90px}.project-grid article{padding:35px 40px 45px 0;border-bottom:1px solid var(--ink)}.project-grid article:nth-child(even){padding-left:40px;border-left:1px solid var(--ink)}.project-grid span,.project-grid .tags{font:10px "DM Mono"}.project-grid h3{font-size:clamp(35px,4vw,64px);line-height:.86;letter-spacing:-.06em;margin:30px 0}.project-grid p{max-width:550px;line-height:1.6}.tags{color:var(--muted)}
.systems{background:var(--dark);color:var(--paper);padding:110px 0}.thinking-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #555}.thinking-grid>div{padding:30px 25px 30px 0;border-right:1px solid #555}.thinking-grid>div+div{padding-left:25px}.thinking-grid>div:last-child{border-right:0}.thinking-grid b{font:11px "DM Mono";color:var(--pink)}.thinking-grid h3{font-size:30px;line-height:.9;letter-spacing:-.05em}.thinking-grid p{color:#bbb;line-height:1.55}
.capability{border-top:1px solid var(--ink)}.capability>div{display:grid;grid-template-columns:1fr 2fr;padding:22px 0;border-bottom:1px solid var(--ink)}.capability span{font:10px "DM Mono"}.capability b{font-size:22px;font-weight:500}
.dark{background:#111;color:var(--paper);padding:100px 0}.dark .section-top{color:var(--paper)}.toolkit{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #555}.toolkit div{padding:28px 30px 28px 0;border-bottom:1px solid #555}.toolkit div:nth-child(even){padding-left:30px;border-left:1px solid #555}.toolkit b{display:block;font:10px "DM Mono";color:var(--pink);margin-bottom:10px}.toolkit span{font-size:22px}
.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.about h2{font-size:clamp(50px,6vw,90px);line-height:.85;letter-spacing:-.07em;margin:0}.about-grid p{line-height:1.65}
.now{background:var(--pink);border-block:2px solid var(--ink);padding:80px 0}.now-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.now h2{font-size:clamp(60px,7vw,105px);line-height:.82;letter-spacing:-.07em;margin:20px 0}.now p{font-size:22px;line-height:1.45}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill-row span{border:1px solid var(--ink);padding:8px 10px;font:10px "DM Mono"}
.writing-list{border-top:1px solid var(--ink)}.writing-card{display:grid;grid-template-columns:70px 1fr 120px;gap:20px;padding:28px 0;border-bottom:1px solid var(--ink);align-items:center}.writing-card:hover{padding-left:15px;background:rgba(255,47,143,.08)}.writing-card>span{font:11px "DM Mono"}.writing-card small{font:10px "DM Mono";color:var(--muted)}.writing-card h2,.writing-card h3{font-size:clamp(27px,3vw,48px);line-height:.95;letter-spacing:-.055em;margin:10px 0}.writing-card p{max-width:760px;line-height:1.45;margin:0}.writing-card>b{font:10px "DM Mono";text-align:right}
.contact{background:var(--acid);border-top:2px solid var(--ink);padding:90px 0 45px}.contact h2{font-size:clamp(70px,11vw,165px);line-height:.8;letter-spacing:-.08em;margin:70px 0 100px}.contact-row{border-top:1px solid var(--ink);display:flex;justify-content:space-between;padding-top:18px;font:11px "DM Mono"}.contact-row a{font:600 20px "Space Grotesk"}
.footer{display:flex;justify-content:space-between;align-items:end;padding:25px 0 40px;font:10px "DM Mono";gap:30px}.footer div:first-child span{display:block;color:var(--muted);margin-top:5px}.footer-links{display:flex;gap:20px}.error{padding:160px 0}.error>span{font:11px "DM Mono"}.error h1{font-size:clamp(70px,12vw,170px);line-height:.8;letter-spacing:-.08em}
.thinking-main{padding:120px 0}.thinking-main h1{font-size:clamp(65px,9vw,140px);line-height:.8;letter-spacing:-.08em;margin:30px 0}.thinking-intro{font-size:24px;max-width:720px;margin:50px 0 90px}.article-main{padding:120px 0}.article-main h1{font-size:clamp(55px,8vw,125px);line-height:.85;letter-spacing:-.07em;max-width:1100px;margin:30px 0 60px}.article-rule{border-top:2px solid var(--ink)}.prose{max-width:760px;margin:70px auto;font-size:19px;line-height:1.72}.prose h4{font-size:32px;line-height:1;margin:70px 0 20px;letter-spacing:-.04em}.prose p{margin:0 0 22px}.prose .standfirst{font-size:27px;line-height:1.3}.prose blockquote{border-left:5px solid var(--pink);padding:5px 0 5px 25px;font-size:27px;line-height:1.25;margin:40px 0}.article-diagram{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:40px 0}.article-diagram span{border:1px solid var(--ink);padding:12px;font:10px "DM Mono"}.article-close{border:2px solid var(--ink);padding:25px;background:var(--acid);margin-top:60px}.article-next{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:20px;font:10px "DM Mono";margin-bottom:100px}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:850px){
  .wrap{width:min(100% - 32px,var(--max))}
  .site-nav{min-height:auto;padding:12px 0 10px;flex-wrap:wrap;gap:12px 14px;justify-content:space-between}
  .brand{font-size:19px}
  .nav-cv{display:inline-block;padding:6px 10px;font-size:10px}
  nav{order:3;width:100%;display:flex;gap:18px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}
  nav::-webkit-scrollbar{display:none}
  nav a{white-space:nowrap;font-size:11px;opacity:.85}
  nav a:hover,nav a.active{opacity:1}
  .hero{grid-template-columns:1fr;padding:50px 0 70px;min-height:auto}
  .hero h1{font-size:clamp(54px,13vw,90px);margin:18px 0}
  .hero-copy{font-size:18px}
  .hero-note{max-width:280px;transform:none;box-shadow:8px 8px 0 var(--ink);padding:20px}
  .stats{grid-template-columns:1fr 1fr}
  .stats div:nth-child(3n){border-right:1px solid var(--ink)}
  .stats div:nth-child(2n){border-right:0}
  .feature,.about-grid,.now-grid{grid-template-columns:1fr;gap:45px}
  .project-grid{grid-template-columns:1fr}
  .project-grid article:nth-child(even){padding-left:0;border-left:0}
  .thinking-grid{grid-template-columns:1fr 1fr}
  .thinking-grid>div:nth-child(2n){border-right:0}
  .thinking-grid>div:nth-child(n+3){border-top:1px solid #555}
  .thinking-grid>div+div{padding-left:0}
  .capability>div{grid-template-columns:1fr;gap:10px}
  .toolkit{grid-template-columns:1fr}
  .toolkit div:nth-child(even){padding-left:0;border-left:0}
  .contact-row,.footer{display:block}
  .contact-row a{display:block;margin-top:20px}
  .footer-links{margin:25px 0}
  .writing-card{grid-template-columns:35px 1fr}
  .writing-card>b{display:none}
  .article-main,.thinking-main{padding:75px 0}
  .article-diagram{grid-template-columns:1fr 1fr}
  .prose{font-size:18px}
  .prose .standfirst{font-size:23px}
  .article-next{gap:20px}
  .section-top{grid-template-columns:1fr;gap:12px}
}

/* === V2 EXTENSIONS FOR JOB MARKET POSITIONING === */
.target-seats{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.target-label{font:10px "DM Mono";color:var(--muted);text-transform:uppercase;margin-right:4px}
.target-tag{border:1px solid var(--ink);padding:6px 10px;font:11px "DM Mono";background:rgba(255,255,255,.6)}

/* Clickable project cards */
.project-grid article{position:relative;transition:background .2s ease}
.project-grid article:hover{background:rgba(255,47,143,.04)}
.project-grid article h3 a{color:inherit;text-decoration:none}
.project-card-link{display:inline-block;margin-top:16px;font:11px "DM Mono";font-weight:600;border-bottom:1.5px solid var(--pink);padding-bottom:2px}

/* Testimonials / Social Proof */
.testimonials{background:var(--paper);border-top:1px solid var(--ink)}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:40px}
.quote-card{padding:40px 35px;border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between}
.quote-card:last-child{border-right:0}
.quote-card blockquote{margin:0 0 25px 0;font-size:20px;line-height:1.5;font-style:italic}
.quote-card cite{display:block;font-style:normal}
.quote-card cite strong{display:block;font-size:16px;letter-spacing:-.03em}
.quote-card cite span{font:11px "DM Mono";color:var(--muted);display:block;margin-top:4px}

/* Career Timeline */
.timeline-section{border-top:1px solid var(--ink)}
.timeline{border-top:1px solid var(--ink);margin-top:40px}
.timeline-item{display:grid;grid-template-columns:220px 1fr;padding:32px 0;border-bottom:1px solid var(--ink);gap:40px}
.timeline-meta{font:11px "DM Mono"}
.timeline-meta .period{font-weight:600;display:block;color:var(--ink);margin-bottom:6px}
.timeline-meta .location{color:var(--muted)}
.timeline-content h3{font-size:26px;letter-spacing:-.04em;line-height:1.1;margin:0 0 8px 0}
.timeline-content .company{font:12px "DM Mono";color:var(--pink);text-transform:uppercase;margin-bottom:14px;font-weight:600}
.timeline-content p{max-width:720px;line-height:1.6;margin:0 0 12px 0}
.timeline-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.timeline-tags span{border:1px solid var(--line);padding:4px 8px;font:10px "DM Mono";color:var(--muted)}

/* Availability Status Badge */
.status-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);background:var(--acid);padding:6px 12px;font:11px "DM Mono";margin-bottom:20px}
.status-dot{width:8px;height:8px;background:var(--pink);border-radius:50%;display:inline-block;animation:pulse 2s infinite}
@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}

/* Dedicated Case Study & CV Pages */
.case-hero{padding:90px 0 50px}
.case-hero h1{font-size:clamp(50px,7vw,110px);line-height:.86;letter-spacing:-.07em;margin:25px 0}
.case-meta-bar{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--ink);padding:18px 0;margin:40px 0;font:11px "DM Mono"}
.case-meta-bar div span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}
.case-body{max-width:820px;margin:50px auto 100px;font-size:19px;line-height:1.7}
.case-body h2{font-size:36px;letter-spacing:-.05em;margin:50px 0 20px}
.case-body h3{font-size:24px;letter-spacing:-.03em;margin:35px 0 15px}
.metric-box{border:2px solid var(--ink);background:#fff;padding:25px;margin:30px 0;box-shadow:8px 8px 0 var(--ink)}
.metric-box strong{font-size:36px;display:block;letter-spacing:-.05em;color:var(--pink)}
.metric-box p{margin:6px 0 0;font-size:16px;line-height:1.5}

/* CV Document Page */
.cv-wrap{max-width:960px;margin:60px auto 100px;background:#fff;border:2px solid var(--ink);padding:60px;box-shadow:16px 16px 0 var(--ink)}
.cv-header-bar{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--ink);padding-bottom:30px;margin-bottom:40px}
.cv-title h1{font-size:42px;letter-spacing:-.05em;margin:0 0 8px 0}
.cv-title p{font:13px "DM Mono";color:var(--muted);margin:0}
.cv-actions{display:flex;gap:10px}
.cv-section{margin-bottom:40px}
.cv-section h2{font:12px "DM Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--pink);border-bottom:1px solid var(--ink);padding-bottom:8px;margin-bottom:20px}
.cv-role{margin-bottom:28px}
.cv-role-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.cv-role-head h3{font-size:20px;margin:0;letter-spacing:-.03em}
.cv-role-head span{font:11px "DM Mono";color:var(--muted)}
.cv-role-sub{font:12px "DM Mono";font-weight:600;margin-bottom:10px}
.cv-role ul{margin:0 0 10px 20px;padding:0;line-height:1.6}
.cv-role li{margin-bottom:6px}
.cv-skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.cv-skill-item b{display:block;font:11px "DM Mono";margin-bottom:4px}
.cv-skill-item span{font-size:15px;color:#333;line-height:1.4}

@media print{
  body{background:#fff;color:#000}
  .site-nav,.footer,.cv-actions,.article-next{display:none!important}
  .cv-wrap{border:none;box-shadow:none;padding:0;margin:0;max-width:100%}
  a{text-decoration:none;color:#000}
}

@media(max-width:850px){
  .quote-grid{grid-template-columns:1fr}
  .quote-card{border-right:0;border-bottom:1px solid var(--ink)}
  .quote-card:last-child{border-bottom:0}
  .timeline-item{grid-template-columns:1fr;gap:12px}
  .case-meta-bar{grid-template-columns:1fr 1fr;gap:15px}
  .cv-wrap{padding:25px}
  .cv-header-bar{flex-direction:column;gap:20px}
  .cv-skills-grid{grid-template-columns:1fr}
}