@layer reset,tokens,base;@layer components{.case-study{color:var(--colour-ink);background:var(--colour-canvas)}.case-client{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.case-client img{block-size:clamp(1.75rem,4vw,2.75rem);inline-size:auto;display:block}.case-client__website{color:var(--colour-paper);font-size:var(--text-step--1);font-weight:var(--font-weight-bold)}.work-index,.case-body,.case-adjacent{color:var(--colour-ink);background:var(--colour-canvas)}.work-proof-gate{max-inline-size:52rem;padding:var(--space-6);border-block:var(--rule-size) solid var(--colour-accent)}.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)}.section-inner.case-body__inner{--case-section-space:clamp(var(--space-6), 3.5vw, 3rem);gap:0;padding-block:clamp(3rem,6vw,5rem);display:grid}.case-body__inner>section{gap:var(--space-5) clamp(2rem, 8vw, 8rem);padding-block:var(--case-section-space);border-block-start:var(--rule-size) solid var(--colour-rule);display:grid}.case-body__inner>section:first-child{border-block-start:0;padding-block-start:0}.case-body__inner>:last-child{padding-block-end:0}.case-body h2,.case-quote h2{font-size:var(--text-statement);line-height:var(--leading-statement);letter-spacing:-.02em}.case-body__inner section>p{text-wrap:pretty;max-inline-size:67ch}.case-claims,.case-related-links{gap:var(--space-3);max-inline-size:67ch;padding-inline-start:var(--space-5);display:grid}.case-claims{margin-block-start:var(--space-5)}.case-related-links a{font-weight:var(--font-weight-medium)}.case-media{gap:var(--space-4);border-block-start:var(--rule-size) solid var(--colour-rule);padding-block-start:var(--case-section-space);display:grid}.case-media__note{max-inline-size:67ch;color:var(--colour-muted);font-size:var(--text-step--1)}.case-media img{block-size:auto;inline-size:100%;display:block}.case-media figure{min-inline-size:0;margin:0}.case-media figcaption{font-size:var(--text-step--1);font-weight:var(--font-weight-medium);line-height:var(--leading-body)}.case-media__landscape{gap:var(--space-3);display:grid}.case-media__landscape img{border-radius:clamp(.75rem,1.4vw,1.25rem)}.case-media__portrait-grid{gap:clamp(var(--space-4), 3vw, var(--space-6));padding:clamp(var(--space-5), 4vw, var(--space-7));color:var(--colour-paper);scroll-snap-type:inline mandatory;scroll-padding-inline:clamp(var(--space-5), 4vw, var(--space-7));overscroll-behavior-inline:contain;scrollbar-color:color-mix(in srgb, var(--colour-paper) 45%, transparent) transparent;background:#080a0b;border-radius:clamp(.75rem,1.4vw,1.25rem);grid-auto-columns:minmax(14rem,72%);grid-auto-flow:column;align-items:start;display:grid;overflow-x:auto}.case-media__portrait{gap:var(--space-3);scroll-snap-align:start;display:grid}.case-media__portrait-frame{border:var(--rule-size) solid color-mix(in srgb, var(--colour-paper) 18%, transparent);background:#050607;border-radius:clamp(.75rem,1.4vw,1.25rem);overflow:hidden;box-shadow:0 1rem 2.5rem #00000059}.case-media__portrait img{inline-size:100%}.case-quote{color:var(--colour-paper);background:var(--colour-surface)}.case-quote__list{gap:var(--space-7);margin-block-start:var(--space-6);display:grid}.case-quote blockquote{max-inline-size:46rem;margin: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;text-decoration:none;display:inline-flex}.case-adjacent a:hover{color:var(--colour-accent-deep);text-decoration:none}.case-adjacent a span{color:var(--colour-muted);font-size:var(--text-step--1)}@media (width>=48rem){.case-body__inner>section{grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr)}.case-body__inner section>p,.case-body__inner .case-claims,.case-body__inner .case-related-links{grid-column:2}.case-media__portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}}@media (width<=27rem){.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}.case-media__portrait-grid,.case-media__portrait-frame{color:canvastext;border:var(--rule-size) solid CanvasText;box-shadow:none;background:canvas}}@media print{.work-hero,.case-hero,.case-quote{color:#000;background:#fff}.work-proof-gate,.case-adjacent{display:none}}}