.case-study-detail{--cs-reading-width:calc((var(--hl-content-width) + 36px) * 2 / 3 - 36px);--cs-feature-width:calc((var(--hl-content-width) + 36px) * 5 / 6 - 36px)}.case-study-detail .cs-detail-reading{width:var(--cs-reading-width);text-align:left;max-width:calc(100% - 48px);margin-inline:auto}.cs-detail-hero{background:var(--hop-blue);padding:254px 0 60px;position:relative}.cs-detail-hero__art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-study-detail .cs-detail-hero .cs-detail-reading{text-align:center;position:relative}.case-study-detail .cs-detail-hero__eyebrow{color:var(--hop-cream);font:600 24px/30px var(--font-sans);margin:0 0 16px}.case-study-detail .cs-detail-hero__title{color:var(--hop-cream);font:700 64px/70px var(--font-display);margin:0}.cs-detail-feature{background:linear-gradient(to bottom, var(--hop-blue) 50%, var(--hop-cream) 50%)}.cs-detail-feature__inner{width:var(--cs-feature-width);max-width:calc(100% - 48px);margin-inline:auto}.case-study-detail .cs-feature{border-radius:20px;margin:0;overflow:hidden}.case-study-detail .cs-feature img{width:100%;height:auto;display:block}.case-study-detail .cs-feature--video .cs-video{width:100%;max-width:100%;margin:0;transform:none}.cs-detail-article{background:var(--hop-cream);padding:80px 0}.case-study-detail .cs-body>:is(p,ul,ol,h4){max-width:none;margin-left:0;margin-right:0}.case-study-detail .cs-body h4{font:700 28px/34px var(--font-display);color:var(--hop-navy);margin:0 0 18px;padding-top:12px}.case-study-detail .cs-body>p{margin-top:0;margin-bottom:12px}.case-study-detail .cs-body>p:last-child{margin-bottom:0}.case-study-detail .cs-body a{color:var(--hop-navy)}.case-study-detail .cs-image,.case-study-detail .cs-band{margin:0 0 12px}.case-study-detail .cs-video{width:100%;max-width:100%;margin:24px 0;transform:none}.cs-related{background:var(--hop-white);padding:120px 0}.case-study-detail .cs-related h3{font:700 42px/48px var(--font-display);color:var(--hop-navy);text-align:center;margin:0}.cs-related__container{width:var(--hl-content-width);max-width:calc(100% - 48px);margin:60px auto 0}.cs-related__viewport{overflow:hidden}.cs-related__track{touch-action:pan-y pinch-zoom;gap:36px;display:flex}.cs-related__slide{flex:0 0 calc(25% - 27px);min-width:0}.cs-related__slide>div{height:100%}.cs-related .cs-listing-card{background:var(--hop-white);height:100%}.cs-related .cs-listing-card .cs-listing-card__tag{background:var(--hop-white)}.cs-related__arrow>span{width:17px;height:17px;-webkit-mask:var(--cp-arrow) center / contain no-repeat;-webkit-mask:var(--cp-arrow) center / contain no-repeat;mask:var(--cp-arrow) center / contain no-repeat;background:currentColor;flex:none}.cs-related__dots{justify-content:center;gap:12px;margin-top:60px;display:flex}.cs-related__dot{border:1px solid var(--hop-navy);background:0 0;border-radius:50%;width:12px;min-width:12px;height:12px;padding:0}.cs-related__dot[aria-current=true]{background:var(--hop-navy)}.cs-related__arrows{gap:16px;margin-top:30px;display:flex}.case-study-detail .cs-related__arrow{background:var(--hop-navy);width:40px;height:40px;color:var(--hop-white);border-radius:50%;padding:0}.cs-related__arrow--previous>span{transform:rotate(180deg)}.cs-related__arrow:disabled{opacity:.3}@media (width<=1440px){.cs-detail-hero{padding-top:230px}}@media (width<=1340px){.cs-related__slide{flex-basis:calc(33.3333% - 24px)}}@media (width<=1240px){.case-study-detail{--cs-reading-width:calc(100% - 48px);--cs-feature-width:calc(100% - 48px)}.cs-detail-hero{padding-top:178px;padding-bottom:40px}.case-study-detail .cs-detail-hero__eyebrow{margin-bottom:12px;font-size:19px;line-height:26px}.case-study-detail .cs-detail-hero__title{font-size:40px;line-height:44px}.cs-detail-article{padding:40px 0}.case-study-detail .cs-body h4{margin-bottom:14px;padding-top:8px;font-size:22px;line-height:28px}.case-study-detail .cs-related h3{font-size:25px;line-height:32px}.cs-related{padding:60px 0}.cs-related__container{margin-top:40px}}@media (width<=992px){.cs-related__slide{flex-basis:calc(50% - 18px)}}@media (width<=576px){.cs-detail-hero{padding-bottom:30px}.cs-related__slide{flex-basis:100%}}