.case-technoprom .hero:before{background:radial-gradient(circle at 78% 40%,rgba(97,41,255,.2),transparent 31%),linear-gradient(90deg,#050505 0,#050505 38%,transparent 74%)}
.case-technoprom .hero-image{right:0;width:62%;object-position:center;filter:saturate(.78) contrast(1.08) brightness(.68);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%)}
.case-technoprom .hero-copy{width:min(790px,57vw)}
.case-technoprom .hero h1{font-size:clamp(70px,8.3vw,154px);line-height:.76;letter-spacing:-.07em}
.case-technoprom .hero-lead{max-width:670px}
.case-technoprom .work-card img{object-position:center}
.case-technoprom .work-card[data-index="0"] img{object-position:center}
.case-technoprom .work-card[data-index="1"] img{object-position:62% center}
.case-technoprom .work-card[data-index="2"] img{object-position:center}
.case-technoprom .work-card:after{background:linear-gradient(180deg,rgba(0,0,0,.02) 34%,rgba(0,0,0,.92) 100%)}
.case-technoprom .next-card.dinsee img{filter:grayscale(1) contrast(1.08) brightness(.72)}
@media(max-width:960px) and (min-width:721px){.case-technoprom .hero h1{font-size:clamp(66px,8.2vw,96px)}.case-technoprom .hero-copy{width:58vw}}
@media(max-width:720px){.case-technoprom .hero-image{right:-16%;width:122%;height:58%;object-position:center 42%;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 100%)}.case-technoprom .hero h1{font-size:clamp(40px,11.5vw,50px);letter-spacing:-.065em}.case-technoprom .hero-lead{max-width:350px}.case-technoprom .work-head h2{font-size:clamp(31px,8.6vw,37px);line-height:.86}.case-technoprom .site-header.on-light{color:#050505}.case-technoprom .site-header.on-light .header-logo img{filter:invert(1)}.case-technoprom .site-header.on-light .menu-toggle{color:#050505;border-color:rgba(5,5,5,.7);background:rgba(246,245,241,.78)}}