.case-page,.alun-case-page{--ink:#171715;--charcoal:#111110;--slate:#55534e;--slate-dark:#181817;--clay:#181817;--green-mid:#55534e;--green-soft:#dedbd3;--green-pale:#e5dcd1;--paper-deep:#e5dcd1;--project-dark:#111110 url(/projects-charcoal-texture.png) center / cover}.case-page .case-scope,.case-page .case-admin,.case-page .case-gallery-quote,.alun-case-page .alun-case-film,.alun-case-page .alun-case-screen-dark{background:var(--project-dark);color:var(--paper-light)}.case-page .case-interface,.case-page .case-gallery-detail,.alun-case-page .alun-case-screen-light,.alun-case-page .alun-case-principles{background:var(--paper-texture)}.case-page .case-hero h1 i{color:var(--ink)}.case-page :is(h2,h3),.alun-case-page :is(h2,h3){overflow-wrap:break-word;text-wrap:balance}.case-page .case-gallery-quote p{font-style:normal;line-height:1.15}.case-page .case-scope-grid{grid-template-columns:1fr;margin-top:clamp(36px,5vw,72px)}.case-page .case-scope article,.case-page .case-scope article+article,.alun-case-page .alun-case-principles article,.alun-case-page .alun-case-principles article+article{border-right:0;grid-template-columns:1fr 1.5fr 1.5fr;align-items:start;gap:clamp(24px,4vw,64px);min-height:0;padding:32px 0;display:grid}.case-page .case-scope article+article{border-top:1px solid #f8f6f140}.case-page .case-scope h3,.alun-case-page .alun-case-principles h3{margin:0;font-size:clamp(30px,3.2vw,48px);line-height:1.08}.case-page .case-scope p,.alun-case-page .alun-case-principles p{max-width:100%;font-size:16px;line-height:1.65}.alun-case-page .alun-case-principles{grid-template-columns:1fr}.case-page .case-story-text,.alun-case-page .alun-case-intro-copy{margin-top:clamp(36px,5vw,72px)}.case-page .case-header,.alun-case-page .alun-case-header{gap:16px}:is(.case-page a:focus-visible,.alun-case-page a:focus-visible){outline-offset:6px;outline:2px solid}@media (max-width:900px){.case-page .case-scope article,.case-page .case-scope article+article,.alun-case-page .alun-case-principles article,.alun-case-page .alun-case-principles article+article{border-bottom:0;grid-template-columns:1fr;gap:18px}.case-page .case-scope h3,.alun-case-page .alun-case-principles h3{max-width:24ch}.case-page .case-hero,.alun-case-page .alun-case-title{gap:40px}.case-page .case-hero h1,.alun-case-page .alun-case-title h1{padding:24px 0}}
