.case-hero{background:var(--dark);color:#fff;overflow:hidden;position:relative}.case-hero:after{background:radial-gradient(520px 520px at 12% 18%,rgba(55,1,120,.65),transparent 60%),radial-gradient(520px 520px at 92% 90%,rgba(107,43,170,.25),transparent 60%);content:"";inset:0}.case-hero-background,.case-hero:after{pointer-events:none;position:absolute;z-index:0}.case-hero-background{bottom:-301px;height:auto;max-width:none;opacity:.07;right:-140px;width:680px}.case-hero .container{position:relative;z-index:2}.case-hero-main{align-items:center;display:grid;gap:36px;grid-template-columns:minmax(0,1fr)}.case-hero-content,.case-hero-media,.case-hero-media-column{min-width:0}.case-hero-main:not(.case-hero-main--with-media) .case-hero-content{max-width:880px}.case-hero-main:not(.case-hero-main--with-media) .case-hero-text h1{max-width:760px}.case-hero-main:not(.case-hero-main--with-media) .case-hero-text p{max-width:620px}.case-hero-back-link a{color:var(--lav)!important;font-size:14px;font-weight:700}.case-hero-label{margin-top:20px}.case-hero-label .pill{font-size:12.5px;padding:7px 15px}.case-hero-text h1{color:#fff;font-size:34px;font-weight:700;line-height:1.18;margin:24px 0 0}.case-hero-text p{color:var(--sub);font-size:15px;line-height:1.7;margin:20px 0 0;max-width:520px}.case-hero-text p+p{margin-top:12px}.case-hero-badge{align-items:center;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(33,3,70,.3);display:inline-flex;gap:12px;margin-top:24px;max-width:100%;padding:16.5px 18px;width:-moz-fit-content;width:fit-content}.case-hero-badge-copy,.case-hero-badge-subtitle,.case-hero-badge-title,.case-hero-badge-value{display:block}.case-hero-badge-value{color:var(--mojo);flex:0 0 auto;font-size:30px;font-weight:800;line-height:37px;line-height:1}.case-hero-badge-copy{min-width:0}.case-hero-badge-title{color:var(--mojo);font-size:13px;font-weight:800;letter-spacing:.05em;line-height:16px}.case-hero-badge-subtitle{color:#756c93;font-size:10.5px;font-weight:600;letter-spacing:.06em;line-height:13px}.case-hero-badge-icon{color:var(--green);font-size:22px;height:22px;margin-left:2px;width:22px}.case-hero-media-column{margin-top:4px}.case-hero-media,.case-hero-video,.case-hero-video video,.case-hero-video-trigger{width:100%}.case-hero-video-trigger{background:transparent;border:0;cursor:pointer;display:block;margin:0;padding:0;position:relative}.case-hero-video-trigger:focus-visible{border-radius:18px;outline:3px solid var(--green);outline-offset:4px}.case-hero-image{border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.4);display:block;height:auto;width:100%}.case-hero-play-wrapper{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.case-hero-play,.case-hero-play-wrapper{align-items:center;display:flex;justify-content:center}.case-hero-play{background:var(--green);border-radius:50%;box-shadow:0 12px 34px rgba(0,0,0,.45);height:60px;transition:transform .2s ease,box-shadow .2s ease;width:60px}.case-hero-video-trigger:hover .case-hero-play{box-shadow:0 16px 38px rgba(0,0,0,.5);transform:scale(1.06)}.case-hero-play .material-symbols-outlined{color:var(--dark);font-size:30px}.case-hero-video video{aspect-ratio:16/9;background:#000;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.4);display:block;height:auto}.case-hero-video-trigger[hidden],.case-hero-video[hidden]{display:none}.case-hero-media-caption{color:var(--lav);font-size:12.5px;line-height:1.5;margin-top:12px;text-align:center}.case-hero-details{border-top:1px solid hsla(0,0%,100%,.18);display:grid;gap:22px 20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px;padding-top:22px}.case-hero-detail-heading{color:var(--lav);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:14px}.case-hero-detail-value{color:#fff;font-size:15px;font-weight:700;line-height:19px;margin-top:5px}@media(min-width:561px){.case-hero-badge{gap:14px;padding-right:22px}.case-hero-play{height:78px;width:78px}.case-hero-play .material-symbols-outlined{font-size:38px}.case-hero-detail-value{font-size:16px}}@media(min-width:1025px){.case-hero-main--with-media{gap:60px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.case-hero-media-column{margin-top:30px}.case-hero-text h1{font-size:44px}.case-hero-text p{font-size:16.5px;margin-top:22px}.case-hero-details{grid-template-columns:repeat(4,minmax(0,1fr))}}