@layer reset,tokens,base;@layer components{.work-hero,.case-hero{color:var(--colour-paper);background:linear-gradient(180deg, var(--colour-red-deep), var(--colour-red))}.work-hero__inner,.case-hero__inner{padding-block:clamp(4.5rem,10vw,8.5rem)}.work-hero .section-eyebrow,.case-hero .section-eyebrow{color:var(--colour-paper-quiet)}.work-hero h1,.case-hero h1{max-inline-size:17ch;font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:balance;margin-block-start:var(--space-4)}.work-hero__inner>p:last-child,.case-hero__lead{max-inline-size:58ch;font-size:var(--text-step-1);text-wrap:pretty;margin-block-start:var(--space-6)}.work-index,.case-body,.case-adjacent{color:var(--colour-ink);background:var(--colour-paper)}.project-rows{list-style:none}.project-row{gap:var(--space-5);border-block-start:var(--rule-size) solid var(--colour-rule);grid-template-columns:3.5rem minmax(0,1fr);padding-block:clamp(2.5rem,6vw,5rem);display:grid}.project-row:last-child{border-block-end:var(--rule-size) solid var(--colour-rule)}.project-row__number{color:var(--colour-red);font-weight:var(--font-weight-bold)}.project-row h2{max-inline-size:24ch;font-size:var(--text-heading);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;margin-block-start:var(--space-3)}.project-row h2 a{text-decoration:none}.project-row article>p:not(.section-eyebrow){max-inline-size:64ch;margin-block-start:var(--space-5)}.project-row__read{min-block-size:var(--control-block-size);color:var(--colour-red);font-weight:var(--font-weight-bold);align-items:center;margin-block-start:var(--space-5);display:inline-flex}.work-proof-gate{max-inline-size:52rem;padding:var(--space-6);border-block:var(--rule-size) solid var(--colour-red)}.work-proof-gate p:first-child{font-size:var(--text-step-1);font-weight:var(--font-weight-medium)}.work-proof-gate p+p{color:var(--colour-muted);margin-block-start:var(--space-4)}.breadcrumbs{gap:var(--space-2) var(--space-3);font-size:var(--text-step--1);flex-wrap:wrap;margin-block-end:var(--space-7);list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--colour-paper-quiet);margin-inline-start:var(--space-3)}.breadcrumbs [aria-current=page]{color:var(--colour-paper-quiet)}.case-body{gap:0;display:grid}.case-body>section{gap:var(--space-5) clamp(2rem, 8vw, 8rem);border-block-start:var(--rule-size) solid var(--colour-rule);padding-block:clamp(3rem,7vw,6rem);display:grid}.case-body h2,.case-quote h2{font-size:var(--text-statement);line-height:var(--leading-statement);letter-spacing:-.02em}.case-body section>p{max-inline-size:67ch}.case-body section>p+p{margin-block-start:var(--space-4)}.case-media{gap:var(--space-5);padding-block-end:var(--section-space);display:grid}.case-media img{block-size:auto;inline-size:100%;display:block}.case-quote{color:var(--colour-paper);background:var(--colour-red)}.case-quote blockquote{max-inline-size:46rem;margin:var(--space-6) 0 0}.case-quote blockquote p{font-size:var(--text-statement);line-height:var(--leading-statement);text-wrap:pretty}.case-quote blockquote footer{font-size:var(--text-step--1);margin-block-start:var(--space-5)}.case-adjacent{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-adjacent>div:last-child{text-align:end}.case-adjacent a{min-block-size:var(--control-block-size);font-weight:var(--font-weight-medium);flex-direction:column;justify-content:center;display:inline-flex}.case-adjacent a span{color:var(--colour-muted);font-size:var(--text-step--1)}@media (width>=48rem){.project-row{grid-template-columns:4rem minmax(0,1fr)}.case-body>section{grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr)}.case-body section>p,.case-body section>p+p{grid-column:2}}@media (width<=27rem){.project-row{gap:var(--space-3);grid-template-columns:2.25rem minmax(0,1fr)}.case-adjacent{grid-template-columns:1fr}.case-adjacent>div:last-child{text-align:start}}}@layer utilities;@layer states{@media (forced-colors:active){.work-hero,.case-hero,.case-quote{color:canvastext;background:canvas}.work-proof-gate{border-color:canvastext}}@media print{.work-hero,.case-hero,.case-quote{color:#000;background:#fff}.work-proof-gate,.case-adjacent{display:none}}}