.cs-detail-hero{color:#232536;background:#fff;width:100%;max-width:1920px;margin-left:auto;margin-right:auto;overflow-x:clip}.cs-detail-hero__inner{box-sizing:border-box;padding:clamp(20px,3.2vw,60px)var(--container-pad)clamp(36px,5vw,80px);flex-direction:column;align-items:stretch;gap:max(24px,min(3.5vw,54px));display:flex}.cs-detail-hero__copy{flex-direction:column;gap:max(24px,min(3vw,41px));min-width:0;display:flex}.cs-detail-hero__text{flex-direction:column;gap:max(16px,min(2vw,30px));max-width:723px;display:flex}.cs-detail-hero__title{font-family:var(--font-display);color:#323c8a;overflow-wrap:break-word;margin:0;font-size:max(26px,min(4vw,56px));font-weight:700;line-height:1.18}.cs-detail-hero__body{max-width:633px;font-family:var(--font-display);color:#8d8ba7;margin:0;font-size:max(15px,min(1.2vw,18px));font-weight:400;line-height:1.65}.cs-detail-hero__actions{flex-wrap:wrap;gap:12px 15px;display:flex}.cs-detail-hero__cta{box-sizing:border-box;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-size:100% 100%;border:0;place-items:center;width:min(196.5px,100%);height:52px;padding:0;text-decoration:none;transition:filter .2s;display:inline-grid}.cs-detail-hero__cta span{z-index:1;font-family:var(--font-display);white-space:nowrap;font-size:max(14px,min(1.1vw,16px));font-weight:500;line-height:1.02;position:relative}.cs-detail-hero__cta:focus-visible{outline-offset:3px;outline:2px solid #323c8a}.cs-detail-hero__cta--fill{background-image:url(/assets/resources/case-studies/detail/cta-fill.svg)}.cs-detail-hero__cta--fill span{color:#fff}.cs-detail-hero__cta--fill:hover{filter:brightness(1.08)}.cs-detail-hero__cta--fill:focus-visible{filter:brightness(1.08)}.cs-detail-hero__cta--outline{background-image:url(/assets/resources/case-studies/detail/cta-outline.svg)}.cs-detail-hero__cta--outline span{color:#323c8a}.cs-detail-hero__cta--outline:hover{filter:brightness(.97)}.cs-detail-hero__cta--outline:focus-visible{filter:brightness(.97)}.cs-detail-hero__player{aspect-ratio:863/547;background:#1a1a1a;border-radius:max(12px,min(1.2vw,20px));width:100%;max-width:863px;margin-left:auto;margin-right:auto;position:relative;overflow:clip}.cs-detail-hero__poster{object-fit:cover;object-position:center}.cs-detail-hero__shade{pointer-events:none;z-index:1;position:absolute;left:0;right:0}.cs-detail-hero__shade--top{background:linear-gradient(rgba(0,0,0,.25) 0%,transparent 100%);height:max(48px,min(8vw,95px));top:0}.cs-detail-hero__shade--bottom{background:linear-gradient(transparent 0%,rgba(0,0,0,.5) 100%);height:max(36px,min(5vw,55px));bottom:0}.cs-detail-hero__caption{z-index:2;font-family:var(--font-body);color:#fff;margin:0;font-size:max(11px,min(.9vw,14px));font-weight:400;line-height:1.25;position:absolute;top:max(10px,min(1.5vw,24px));left:max(10px,min(1.2vw,16px));right:max(28px,min(4vw,80px))}.cs-detail-hero__play{z-index:2;cursor:pointer;background:0 0;border:0;width:max(40px,min(4vw,54px));height:max(28px,min(2.8vw,38px));padding:0;position:absolute;top:50%;left:50%;translate:-50% -50%}.cs-detail-hero__play img{object-fit:contain;width:100%;height:100%;display:block}.cs-detail-hero__play:focus-visible{outline-offset:4px;outline:2px solid #fff}.cs-detail-hero__chrome{z-index:2;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:max(6px,min(1vw,10px));left:max(8px,min(1vw,12px));right:max(8px,min(1vw,12px))}.cs-detail-hero__progress{background:rgba(234,234,234,.2);width:100%;height:2.4px;display:block;position:relative}.cs-detail-hero__progress-loaded{background:rgba(234,234,234,.5);width:59%;position:absolute;top:0;bottom:0;left:0;right:auto}.cs-detail-hero__progress-played{background:#fc0d1c;width:39%;position:absolute;top:0;bottom:0;left:0;right:auto}.cs-detail-hero__time{font-family:var(--font-body);letter-spacing:.1px;color:#eaeaea;margin-left:max(40px,min(6vw,86px));font-size:max(9px,min(.8vw,10px));font-weight:400;line-height:1.25}@media (min-width:768px) and (max-width:1023px){.cs-detail-hero__inner{gap:36px;padding-top:36px;padding-bottom:56px}.cs-detail-hero__title{max-width:36rem;font-size:max(32px,min(4.5vw,42px))}.cs-detail-hero__body{max-width:40rem;font-size:16px;line-height:1.65}.cs-detail-hero__cta{width:180px;height:52px}.cs-detail-hero__player{max-width:100%}}@media (min-width:1024px){.cs-detail-hero__inner{flex-direction:row;align-items:center;gap:max(28px,min(3vw,54px))}.cs-detail-hero__copy{flex:42%;min-width:min(100%,320px)}.cs-detail-hero__text,.cs-detail-hero__body{max-width:none}.cs-detail-hero__cta{width:min(196.5px,100%);height:56px}.cs-detail-hero__player{flex:48%;width:auto;max-width:min(863px,52%);margin-left:0;margin-right:0}}@media (min-width:1200px){.cs-detail-hero{--vx:min(100vw,1920px)/1920}.cs-detail-hero__inner{padding:calc(60*var(--vx))calc(140*var(--vx))calc(80*var(--vx));gap:calc(54*var(--vx))}.cs-detail-hero__copy{gap:calc(41*var(--vx));width:calc(723*var(--vx));flex:0 0 calc(723*var(--vx));min-width:0}.cs-detail-hero__text{gap:calc(30*var(--vx));max-width:calc(723*var(--vx))}.cs-detail-hero__title{font-size:calc(56*var(--vx));line-height:1.17857}.cs-detail-hero__body{max-width:calc(633*var(--vx));font-size:calc(18*var(--vx));line-height:1.66667}.cs-detail-hero__actions{gap:calc(15*var(--vx))}.cs-detail-hero__cta{width:calc(196.5*var(--vx));height:calc(56*var(--vx))}.cs-detail-hero__cta span{font-size:calc(16*var(--vx))}.cs-detail-hero__player{flex:0 0 calc(863*var(--vx));width:calc(863*var(--vx));max-width:calc(863*var(--vx));border-radius:calc(20*var(--vx))}.cs-detail-hero__caption{top:calc(24*var(--vx));left:calc(16*var(--vx));font-size:calc(14.2*var(--vx))}.cs-detail-hero__play{width:calc(53.66*var(--vx));height:calc(37.88*var(--vx))}}@media (max-width:767px){.cs-detail-hero__inner{gap:22px;padding-top:16px;padding-bottom:36px}.cs-detail-hero__title{font-size:max(24px,min(7vw,32px));line-height:1.2}.cs-detail-hero__body{font-size:15px;line-height:1.6}.cs-detail-hero__actions{gap:10px;width:100%}.cs-detail-hero__cta{flex:calc(50% - 6px);width:auto;max-width:none;height:48px}.cs-detail-hero__caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (max-width:580px){.cs-detail-hero__actions{flex-direction:column}.cs-detail-hero__cta{flex:auto;width:100%;max-width:220px}.cs-detail-hero__chrome{display:none}}@media (max-width:450px){.cs-detail-hero__title{font-size:max(22px,min(8vw,26px))}.cs-detail-hero__body{font-size:14px;line-height:1.55}.cs-detail-hero__cta{max-width:none;height:46px}.cs-detail-hero__cta span{font-size:14px}}