.work-index-page #main{padding-top:0}
.work-index{width:var(--content-span);max-width:var(--content-width);margin:auto;border-inline:1px solid var(--line-soft)}
.work-index-heading{position:relative;padding:184px 24px 84px;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(253,40,4,.055),transparent 66%)}
.work-index-kicker{margin:0 0 20px;color:#62625b;font-size:10px;font-weight:500;letter-spacing:1.8px}
.work-index-heading h1{margin:0;color:var(--text);font-family:var(--font-sans);font-size:clamp(40px,4.3vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.045em}
.work-index-heading h1 em{font-style:normal;color:var(--accent);background:linear-gradient(105deg,#c52d0e,#fd2804 32%,#ef5c2f 65%,#d33312);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:hero-colour-sweep 9s ease-in-out infinite alternate}
.work-index-heading>p:last-child{margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.work-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:44px;row-gap:66px;padding:0 32px 180px}
.work-index-project.showcase-project{padding:0;border:0;background:none}
.work-index-project:nth-child(even){transform:translateY(100px)}
.work-project-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;padding:0 8px;margin-bottom:18px}
.work-project-heading h2{margin:0;color:var(--text);font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.04em}
.work-project-heading h2 a:hover{color:var(--accent-ink)}
.work-project-heading>span{color:#66665f;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.6px;text-transform:uppercase}
.work-index-page .showcase-card-top{top:24px;left:24px;right:24px;font-size:clamp(16px,1.55vw,22px)}
.work-index-page .showcase-card-top>span:first-child{max-width:85%}
.work-index-page .showcase-arrow{width:24px;height:24px;font-size:18px}
.work-index-page .showcase-screen{top:26%;height:74%}
.work-index-page :is(.showcase-screen-architecture,.showcase-screen-secondary){top:auto;height:auto}
.work-index-page .showcase-screen-secondary{aspect-ratio:8/5}
.work-project-copy{padding:22px 8px 0}
.work-project-tags{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}
.work-project-tags li{padding:3px 7px;border:1px solid #d6d6cc;border-radius:5px;background:rgba(255,255,255,.42);color:#53534d;font-size:10px;line-height:1.4}
.work-project-copy p{max-width:490px;margin:14px 0 0;color:#52524d;font-size:14px;line-height:1.65}
.showcase-project[data-project="voteready"]{--project-colour:#567651;--project-gradient:linear-gradient(145deg,#193d30 0%,#426447 40%,#83966a 75%,#cbd3ad 100%)}
.showcase-project[data-project="ps-prep"]{--project-colour:#fd682c;--project-gradient:linear-gradient(145deg,#9a3314 0%,#e65b21 40%,#f29b59 75%,#ffe0bd 100%)}
.showcase-project[data-project="contextai"]{--project-colour:#515962;--project-gradient:linear-gradient(145deg,#30363c,#a1aaa9)}
@media(hover:hover) and (pointer:fine){.showcase-card-lean-left:hover .showcase-screen{transform:perspective(1200px) rotateX(6deg) translateY(-8px) rotate(-1.5deg) scale(1.05)}}
@media(max-width:1100px){.work-index-grid{gap:60px 28px;padding-inline:24px}.work-project-heading h2{font-size:24px}.work-index-page .showcase-card-top{left:20px;right:20px;top:20px;font-size:17px}}
@media(max-width:760px){.work-index-heading{padding:142px 20px 58px}.work-index-heading h1{font-size:clamp(36px,7vw,50px)}.work-index-grid{grid-template-columns:1fr;gap:56px;padding:0 20px 64px}.work-index-project:nth-child(even){transform:none}.work-project-heading h2{font-size:27px}.work-index-page .showcase-card-top{font-size:clamp(17px,3vw,22px)}.work-project-copy p{max-width:none}}
@media(max-width:400px){.work-index-grid{padding-inline:12px}.work-project-heading{padding-inline:4px;gap:7px}.work-project-heading>span{font-size:8px}.work-project-copy{padding-inline:4px}.work-index-page .showcase-card-top{left:16px;right:16px;top:18px;font-size:16px}.work-index-page .showcase-screen{top:30%;height:70%}.work-index-page :is(.showcase-screen-architecture,.showcase-screen-secondary){top:auto;height:auto}}
@media(max-width:360px){.work-index-page .showcase-card-top{font-size:15px}.work-index-page .showcase-screen{top:42%;height:58%}.work-index-page :is(.showcase-screen-architecture,.showcase-screen-secondary){top:auto;height:auto}}
@media(prefers-reduced-motion:reduce){.work-index-heading h1 em{animation:none}.work-index-page .showcase-card,.work-index-page .showcase-screen{transition:none}.work-index-page .showcase-card:hover{transform:none}.work-index-page .showcase-card:hover .showcase-screen{transform:translateY(20px)}}