@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");
:root{--paper:#f4f1ea;--ink:#111;--lime:#c8ff00;--pink:#f20bc8;--grey:#d8d5ce;--deep-grey:#343434;--font-display:"Anton","Arial Narrow",Impact,sans-serif;--font-body:"DM Sans",Arial,sans-serif;--font-note:"Permanent Marker",cursive;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:80px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-round:999px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.06rem/1.55 var(--font-body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
+a{color:var(--ink)}a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.site-header,.section-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 0;border-bottom:3px solid var(--ink)}.brand img{display:block;width:min(220px,48vw);filter:grayscale(1) contrast(1.8)}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;font-size:.9rem;font-weight:700}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--pink)}.nav-cta{padding:9px 14px;background:var(--lime);border:2px solid var(--ink);border-radius:var(--radius-sm);box-shadow:4px 4px 0 var(--ink)}
+.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr);gap:64px;align-items:center;padding:80px 0 96px}.hero:before{content:"";position:absolute;z-index:-1;top:38px;right:-140px;width:420px;height:260px;background:var(--lime);transform:rotate(-5deg);clip-path:polygon(7% 10%,96% 0,100% 90%,4% 100%)}.hero:after{content:"";position:absolute;z-index:-1;bottom:38px;left:-160px;width:360px;height:90px;background:var(--pink);transform:rotate(3deg)}h1,h2,h3{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.98}h1{max-width:800px;margin:0 0 24px;font-size:clamp(3.8rem,9vw,8.3rem)}h2{max-width:820px;margin:0 0 20px;font-size:clamp(2.5rem,5vw,4.5rem)}h3{margin:0 0 14px;font-size:1.75rem}p{margin-top:0}.eyebrow,.section-label,.card-kicker{position:relative;display:inline-block;font:1.05rem/1.2 var(--font-note);text-transform:none;letter-spacing:0;color:var(--ink);transform:rotate(-2deg)}.eyebrow:before,.section-label:before{content:"";position:absolute;z-index:-1;inset:2px -8px;background:var(--lime);transform:rotate(2deg)}.hero-text{max-width:690px;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.45}.hero-proof{max-width:740px;margin-top:28px;margin-bottom:0;font-weight:700}.hero-bridge{max-width:740px;margin-top:16px;color:var(--deep-grey)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:2px solid var(--ink);border-radius:var(--radius-sm);font-weight:700;text-decoration:none;box-shadow:5px 5px 0 var(--ink)}.button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.button.primary{background:var(--pink);color:var(--ink)}.button.secondary{background:var(--paper)}.hero-card{position:relative;overflow:hidden;border:3px solid var(--ink);border-radius:var(--radius-sm);background:var(--grey);box-shadow:10px 10px 0 var(--ink);transform:rotate(2deg)}.hero-card:after{content:"THE MESSY MIDDLE";position:absolute;right:12px;top:12px;padding:5px 9px;background:var(--pink);font:1rem var(--font-note);transform:rotate(8deg)}.hero-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1) contrast(1.1)}.hero-card div{padding:24px;background:var(--paper);border-top:3px solid var(--ink)}.hero-card p:last-child{margin:0}.problem{padding:80px 0 72px;border-top:3px solid var(--ink)}.problem h2{max-width:900px}.problem p:last-child,.about p,.contact p{max-width:760px;font-size:1.12rem}.work,.evidence,.routes,.builds,.about,.contact{padding:80px 0;border-top:3px solid var(--ink)}.section-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:end;margin-bottom:34px}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}article,.evidence-copy,.lab-list>div{border:3px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper);box-shadow:7px 7px 0 var(--ink)}article{min-height:260px;padding:28px}article:nth-child(2){background:var(--lime);transform:rotate(-1deg)}article:nth-child(3){background:var(--pink);transform:rotate(1deg)}article p,.evidence-copy p,.lab-list p{color:var(--deep-grey)}.index{display:inline-flex;margin-bottom:42px;font:1.4rem var(--font-note);color:var(--pink)}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{padding:26px;border:3px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:7px 7px 0 var(--pink)}.stat:nth-child(2){box-shadow:7px 7px 0 var(--lime)}.stat strong{display:block;margin-bottom:8px;font:400 clamp(2.8rem,6vw,5.1rem)/1 var(--font-display)}.stat span{display:block}.evidence-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px}.evidence-copy p{margin:0}.text-link{font-weight:700;text-decoration-thickness:3px;text-decoration-color:var(--pink);text-underline-offset:4px;white-space:nowrap}.lab-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lab-list>div{padding:26px}.lab-list span{display:inline-flex;margin-bottom:26px;padding:6px 10px;border:2px solid var(--ink);border-radius:var(--radius-round);background:var(--lime);font:1rem var(--font-note)}.contact{padding-bottom:120px;background:var(--lime);margin-left:calc((100vw - min(1120px,calc(100% - 32px)))/-2);margin-right:calc((100vw - min(1120px,calc(100% - 32px)))/-2);padding-left:max(16px,calc((100vw - min(1120px,calc(100% - 32px)))/2));padding-right:max(16px,calc((100vw - min(1120px,calc(100% - 32px)))/2))}
@media(max-width:860px){.site-header{align-items:flex-start;flex-direction:column;gap:16px}.hero,.section-intro,.evidence-copy{grid-template-columns:1fr}.hero{gap:42px}.cards.three,.cards.two,.evidence-grid,.lab-list{grid-template-columns:1fr}article{min-height:auto}.text-link{white-space:normal}.hero-card{max-width:520px;margin:0 auto}}
@media(max-width:560px){.section-shell,.site-header{width:calc(100% - 32px)}.site-header{padding:16px 0}.brand img{width:190px}nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:.84rem}nav a{padding:8px 0}.nav-cta{grid-column:1/-1;text-align:center}.hero{gap:34px;padding:48px 0 64px}.hero:before{top:20px;right:-260px;width:390px;height:220px}.hero:after{bottom:14px;left:-220px;width:330px}h1{font-size:clamp(3rem,15vw,4.6rem);line-height:.96;overflow-wrap:break-word}h2{font-size:clamp(2.15rem,10vw,3.2rem);line-height:1}h3{font-size:1.5rem}.hero-text,.hero-proof,.hero-bridge{font-size:1rem}.hero-card{width:calc(100% - 12px);transform:rotate(1deg);margin-right:6px}.button{width:100%}.work,.evidence,.routes,.builds,.about,.contact,.problem{padding-top:56px;padding-bottom:56px}.contact{width:100vw;margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2);padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Editorial Signal refinement: current, precise, and less trend-dependent. */
:root{--paper:#f7f3eb;--ink:#22232a;--lime:#d7f23a;--pink:#e0338f;--grey:#e5e0d7;--deep-grey:#5e5c68;--font-display:"Space Grotesk",Arial,sans-serif;--font-note:"Space Grotesk",Arial,sans-serif}
body{font-size:1.0625rem;line-height:1.6}
body:before{display:none}
.site-header{padding:20px 0;border-bottom:1px solid #e6e1d6}
.brand img{filter:none}
nav{font-size:.94rem;font-weight:500}
nav a:hover{text-decoration-thickness:2px;text-decoration-color:var(--pink)}
.nav-cta{border:1px solid var(--ink);border-radius:999px;box-shadow:none;background:transparent}
h1,h2,h3{font-family:var(--font-display);text-transform:none;letter-spacing:-.045em;line-height:1.03;font-weight:600}
h1{font-size:clamp(3.2rem,7vw,6.5rem);max-width:850px}
h2{font-size:clamp(2.2rem,4.5vw,4rem)}
h3{font-size:1.35rem}
.eyebrow,.section-label,.card-kicker{font:600 .82rem/1.3 var(--font-body);text-transform:uppercase;letter-spacing:.08em;transform:none;color:var(--deep-grey)}
.eyebrow:before,.section-label:before{display:none}
.hero{padding:96px 0 112px}
.hero:before{top:40px;right:-180px;width:430px;height:230px;background:var(--lime);opacity:.8;clip-path:polygon(4% 17%,100% 0,91% 88%,0 100%);transform:rotate(-4deg)}
.hero:after{left:-200px;bottom:42px;width:300px;height:10px;background:var(--pink);transform:rotate(-2deg)}
.hero-text{font-size:clamp(1.2rem,1.8vw,1.45rem)}
.hero-proof{font-weight:500;color:var(--deep-grey)}
.hero-bridge{color:var(--deep-grey)}
.hero-actions{margin-top:36px}
.button{border:1px solid var(--ink);border-radius:999px;box-shadow:none;transition:background-color 160ms ease,color 160ms ease}
.button:hover{transform:none;box-shadow:none}
.button.primary{background:var(--pink);border-color:var(--pink)}
.button.primary:hover{background:#c92178;border-color:#c92178;color:#fff}
.button.secondary{background:transparent}
.button.secondary:hover{background:var(--ink);color:var(--paper)}
.hero-card{border:1px solid var(--ink);border-radius:20px;box-shadow:12px 12px 0 var(--ink);transform:none;background:var(--grey)}
.hero-card:after{content:"";display:none}
.hero-card div{border-top:1px solid var(--ink)}
.hero-card img{filter:grayscale(1) contrast(1.05)}
.problem,.work,.evidence,.routes,.builds,.about,.contact{border-top:1px solid #d8d3c8}
.problem{padding-top:96px}
.section-intro{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
article,.evidence-copy,.lab-list>div{border:1px solid #d8d3c8;border-radius:12px;box-shadow:none}
article{min-height:230px;padding:28px;background:#fff}
article:nth-child(2),article:nth-child(3){background:#fff;transform:none}
article:nth-child(2){border-top:4px solid var(--lime)}
article:nth-child(3){border-top:4px solid var(--pink)}
.index{margin-bottom:34px;font:600 .9rem var(--font-body);color:var(--pink)}
.evidence-grid{gap:16px}
.stat{border:1px solid var(--ink);border-radius:12px;box-shadow:none;background:var(--ink)}
.stat:nth-child(2){box-shadow:none;background:var(--deep-grey)}
.stat strong{font-family:var(--font-display);font-weight:600}
.evidence-copy{background:#fff}
.text-link{text-decoration-color:var(--pink)}
.lab-list>div{background:#fff}
.lab-list span{margin-bottom:20px;border:0;border-radius:999px;background:var(--lime);font:600 .75rem var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.contact{background:var(--lime);padding-top:72px}
/* Keep colour accents tied to content; remove the two unanchored hero decorations. */
.hero:before,.hero:after{display:none}
@media(max-width:560px){h1{font-size:clamp(2.9rem,13vw,4.5rem)}.hero{padding:64px 0 80px}.hero:before{right:-260px;opacity:.65}.hero-card{box-shadow:7px 7px 0 var(--ink)}}
.section-intro h2{text-align:right}
@media(max-width:560px){.section-intro h2{text-align:center}}
@media(max-width:560px){
  h2,.section-intro h2{text-align:center!important}
  .hero-actions{margin-top:28px;margin-bottom:24px;gap:16px}
  .button{margin-bottom:2px}
  .section-intro{margin-bottom:40px}
  .hero-card{margin-top:12px}
}
@media(max-width:560px){
  .section-intro{display:block;text-align:left}
  .section-intro .section-label{display:block;margin-bottom:24px}
  .section-intro h2{text-align:left!important;margin-top:0}
}