.cases { background: var(--paper); padding: 116px 9vw; }
.cases-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 62px; }
.cases-heading .eyebrow { margin-bottom: 9px; }
.cases-heading h2 { text-align: right; }
.case { min-height: 620px; display: grid; grid-template-columns: 1.02fr .98fr; overflow: hidden; }
.case-gto { background: #f3f3f1; }
.case-gto-image { min-height: 620px; background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.28)), url('assets/osm-hero-golf-event.jpeg') center/cover no-repeat; }
.case-content { padding: 64px 7vw 58px 5.5vw; display: flex; flex-direction: column; align-items: flex-start; }
.case-number { font: 10px 'DM Mono', monospace; letter-spacing: .12em; color: #79736e; margin: 0 0 76px; }
.case-kicker { font: 800 11px Manrope, sans-serif; color: var(--orange); letter-spacing: .1em; margin: 0 0 17px; }
.case-content h3 { font-size: clamp(38px, 4.2vw, 65px); line-height: .89; }
.case-content > p:not(.case-number):not(.case-kicker) { max-width: 390px; font-size: 14px; line-height: 1.75; color: #504c48; margin: 33px 0 25px; }
.case-link { font-size: 12px; font-weight: 800; border-bottom: 1px solid #a49e98; padding-bottom: 8px; }
.case-link b { color: var(--orange); font-size: 18px; margin-left: 8px; }
.case-corporate { background: #101010; color: white; margin-top: 28px; }
.case-corporate .case-content { padding-left: 7vw; }
.case-corporate .case-content > p:not(.case-number):not(.case-kicker) { color: #c0bbb5; }
.case-graphic { position: relative; min-height: 620px; background: radial-gradient(circle at 48% 48%, #262626 0 2%, transparent 2.3%), #171717; overflow: hidden; display: grid; place-items: center; }
.case-graphic:before, .case-graphic:after { content: ''; position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; width: 520px; height: 520px; }
.case-graphic:after { width: 325px; height: 325px; }
.case-graphic span { position: relative; z-index: 1; color: var(--orange); font-size: clamp(55px, 8vw, 120px); font-weight: 800; letter-spacing: -.1em; }
.case-graphic i { position: absolute; width: 13px; height: 13px; border-radius: 50%; background: var(--orange); }
.case-graphic i:nth-of-type(1) { top: 100px; left: 24%; }.case-graphic i:nth-of-type(2) { right: 18%; bottom: 162px; background: #fff; }.case-graphic i:nth-of-type(3) { bottom: 79px; left: 36%; }
.case-graphic small { position: absolute; bottom: 39px; font: 10px 'DM Mono', monospace; letter-spacing: .15em; color: #d1ccc5; }
@media(max-width:720px) { .cases { padding: 76px 24px; }.cases-heading { display: block; margin-bottom: 37px; }.cases-heading h2 { text-align: left; }.case { display: flex; flex-direction: column; min-height: 0; }.case-gto-image, .case-graphic { min-height: 335px; }.case-content, .case-corporate .case-content { padding: 42px 28px 44px; }.case-number { margin-bottom: 43px; }.case-corporate { margin-top: 18px; }.case-corporate .case-content { order: 2; }.case-graphic { order: 1; }.case-graphic:before { width: 390px; height: 390px; }.case-graphic:after { width: 245px; height: 245px; } }