section.case-study-title{background-color:var(--purple)}section.case-study-title .inner{aspect-ratio:16/9;position:relative}section.case-study-title .content-image{aspect-ratio:16/9;left:0;position:absolute;top:0;width:100%;z-index:0}@media (min-width:1280px){section.case-study-title .content-image,section.case-study-title .inner{aspect-ratio:21/9}}section.case-study-title .content-image img{display:block;height:100%;object-fit:cover;object-position:bottom center;width:100%}section.case-study-title .content-text{color:#fff;flex:0 0 100%;margin:9em 0 0;position:relative;z-index:10}section.case-study-title .inner .content-image:after{background:#280b56;background:linear-gradient(180deg,rgba(40,11,86,0),#280b56);bottom:0;content:" ";height:100%;left:0;position:absolute;width:100%;z-index:2}section.case-study-title h1,section.case-study-title p{color:#fff}.details{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5em 0 2em}.detail{display:flex;flex:0 0 auto;flex-wrap:wrap}.detail-heading{color:var(--orange);flex:0 0 100%;font-size:var(--font-small);font-weight:500;letter-spacing:.0125em;text-transform:uppercase}.detail-text{flex:0 0 100%;font-size:var(--font-body)}.detail-text a{color:#fff;text-decoration:underline}@media (min-width:1024px){section.case-study-title{margin-bottom:0}section.case-study-title .content-text{flex:0 0 100%;font-size:var(--font-medium);line-height:1.5;margin:auto auto 0 0}section.case-study-title h1{margin:0 auto .75em 0}section.case-study-title p{flex:0 0 61.8%;font-size:var(--font-medium);margin:0 auto 1em 0}}section.case-study-title .buttons:not(:empty){display:flex;flex:0 0 100%;gap:1.5rem;justify-content:flex-start;margin:1.5em 0 2em}section.case-study-title .button{margin:0}