/* Case-study breakpoints, loaded after the page styles */
@media (max-width:900px){.cols{grid-template-columns:repeat(4,minmax(0,1fr))}.cols .kb{grid-column:span 2}}
@media (max-width:520px){.cols .kb{grid-column:1 / -1}}
@media (prefers-reduced-motion:reduce){.ol-card:hover .tw::after,.ol-card:focus-visible .tw::after,a:hover>.tw::after,a:focus-visible>.tw::after{animation:none;width:100%;border-right-color:transparent}}
@media (prefers-reduced-motion:reduce){.portrait{transition:none}.portrait-hit:hover .portrait{transform:none}}
@media (max-width:900px){.wrap{padding:0 24px}.c-name,.c-collage,.c-intro,.c-facts{grid-column:1 / -1}.c-collage{height:460px !important;min-height:0 !important;margin-top:40px}.c-intro{margin-top:40px}.feat .ol-card__media{aspect-ratio:4 / 3}.work{grid-template-columns:1fr}.navlinks{display:none !important}.vlines{padding:0 24px;grid-template-columns:repeat(4,minmax(0,1fr))}.vlines i:nth-child(n+5){display:none}.vlines i:nth-child(4){border-right:1px dashed #12121233}.facts-grid{margin-top:40px}}
@media (prefers-reduced-motion:reduce){.cs-fig__frame{transition:none}.cs-fig__frame:hover{transform:none}}
@media (max-width:1000px){.cs-intro,.cs-meta,.cs-text,.cs-media,.cs-text--r,.cs-media--l,.cs-media--s,.cs-brief-l,.cs-brief-r{grid-column:1 / -1}.cs-media,.cs-media--l,.cs-media--s{margin-top:0}.cs-meta{margin-top:48px}.cs-res{grid-template-columns:repeat(2,minmax(0,1fr))}.sec{padding:72px 0}.sec--tight{padding:0 0 72px}.cs-brief-r{margin-top:0}.cs-media--l,.cs-text--r,.rw1,.rw2{grid-row:auto !important}.cs-gap{margin-top:40px}.b2{margin-top:48px}}
@media (max-width:640px){.cs-four,.cs-res{grid-template-columns:1fr}.work{grid-template-columns:1fr}.cs-user{padding:24px}.cs-meta div{grid-template-columns:90px minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.cs-fig__frame img{transition:none}.cs-fig__frame:hover img{transform:none}}