/* Portfolio CTA v2 — self-contained conversion panel.
   Corrects legacy light-background overrides and makes the CTA prominent.
   Loaded LAST on /cases/, no changes to other routes. */

body.nika-cases-index main > section.portfolio-closing.portfolio-next-section {
  background:#f8f7fb!important;
  background-image:none!important;
  padding:clamp(66px,7vw,106px) 0 clamp(76px,8vw,118px)!important;
  color:#181526!important;
  overflow:visible!important;
  isolation:isolate;
}
body.nika-cases-index main > section.portfolio-next-section::before,
body.nika-cases-index main > section.portfolio-next-section::after{
  display:none!important;
  content:none!important;
}

/* Main panel remains dark regardless of high-specificity generated page styles. */
body.nika-cases-index main > section.portfolio-next-section > .wrap.portfolio-next-panel {
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  width:min(1280px,calc(100% - clamp(40px,7vw,120px)))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:clamp(34px,4.6vw,65px)!important;
  border:1px solid #3e3254!important;
  border-radius:36px!important;
  overflow:hidden!important;
  background:#20182f!important;
  background-image:radial-gradient(ellipse at 94% 2%,rgba(164,76,255,.19),transparent 52%),linear-gradient(126deg,#20182f 0%,#2b1c40 60%,#1d1c36 100%)!important;
  color:#fff!important;
  box-shadow:0 26px 72px rgba(37,20,63,.14)!important;
}
body.nika-cases-index .portfolio-next-panel::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:4px!important;
  z-index:2!important;
  background:linear-gradient(110deg,#ff32a1 0%,#a44cff 50%,#0068ff 100%)!important;
}
body.nika-cases-index .portfolio-next-panel::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-205px!important;
  right:-130px!important;
  width:520px!important;
  height:520px!important;
  border:1px solid rgba(222,184,255,.14)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 45px rgba(210,150,255,.028),0 0 0 95px rgba(181,118,241,.025)!important;
  z-index:-1!important;
  pointer-events:none!important;
}
body.nika-cases-index .portfolio-next-top {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:20px!important;
  margin:0 0 clamp(54px,6vw,88px)!important;
}
body.nika-cases-index .portfolio-next-overline {
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:34px!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.055)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  line-height:1.3!important;
  color:#f7eafb!important;
  -webkit-text-fill-color:#f7eafb!important;
}
body.nika-cases-index .portfolio-next-status-dot {
  display:block!important;
  flex:0 0 7px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#ff76cf!important;
  box-shadow:0 0 0 4px rgba(255,103,212,.13)!important;
}
body.nika-cases-index .portfolio-next-top-right {
  display:inline-flex!important;
  align-items:center!important;
  gap:13px!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  line-height:1.4!important;
  color:#dbd0e7!important;
  -webkit-text-fill-color:#dbd0e7!important;
  white-space:nowrap!important;
}
body.nika-cases-index .portfolio-next-top-right > span {
  font-size:17px!important;
  letter-spacing:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.nika-cases-index .portfolio-next-body {
  display:grid!important;
  grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr)!important;
  align-items:end!important;
  gap:clamp(38px,6vw,94px)!important;
  min-width:0!important;
}
body.nika-cases-index .portfolio-next-heading {
  min-width:0!important;
}
body.nika-cases-index main > section.portfolio-next-section .portfolio-next-heading h2 {
  max-width:15ch!important;
  margin:0!important;
  font-size:clamp(42px,4.25vw,65px)!important;
  font-weight:820!important;
  line-height:1.075!important;
  letter-spacing:-.056em!important;
  text-wrap:balance!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
}
body.nika-cases-index main > section.portfolio-next-section .portfolio-next-heading h2 em {
  background:linear-gradient(110deg,#ff32a1 0%,#a44cff 50%,#0068ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
body.nika-cases-index .portfolio-next-action {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  min-width:0!important;
  padding:0 0 5px!important;
}
body.nika-cases-index .portfolio-next-action > p {
  max-width:37ch!important;
  margin:0 0 26px!important;
  font-size:clamp(16px,1.2vw,18px)!important;
  line-height:1.62!important;
  color:#f0e8f8!important;
  -webkit-text-fill-color:#f0e8f8!important;
}
body.nika-cases-index main > section.portfolio-next-section a.portfolio-next-button {
  position:relative!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:23px!important;
  max-width:100%!important;
  min-height:60px!important;
  padding:10px 13px 10px 24px!important;
  border:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:linear-gradient(110deg,#ff32a1 0%,#a44cff 50%,#0068ff 100%)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 13px 34px rgba(13,10,39,.23)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
body.nika-cases-index main > section.portfolio-next-section a.portfolio-next-button::before,
body.nika-cases-index main > section.portfolio-next-section a.portfolio-next-button::after {
  display:none!important;
  content:none!important;
}
body.nika-cases-index .portfolio-next-button > span:first-child {
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.35!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.nika-cases-index .portfolio-next-button-arrow {
  display:grid!important;
  flex:0 0 39px!important;
  place-items:center!important;
  width:39px!important;
  height:39px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.22)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:19px!important;
  font-weight:500!important;
  line-height:1!important;
}
body.nika-cases-index .portfolio-next-button:hover {
  transform:translateY(-3px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 17px 42px rgba(13,10,39,.32)!important;
}
body.nika-cases-index .portfolio-next-button:active {
  transform:translateY(0)!important;
  filter:brightness(.95)!important;
}
body.nika-cases-index .portfolio-next-button:focus-visible {
  outline:3px solid #fff!important;
  outline-offset:5px!important;
}
body.nika-cases-index .portfolio-next-reassurance {
  display:block!important;
  margin:16px 0 0!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:650!important;
  letter-spacing:.015em!important;
  color:#d6cbe3!important;
  -webkit-text-fill-color:#d6cbe3!important;
}
body.nika-cases-index .portfolio-next-bottom {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  margin:clamp(46px,5vw,74px) 0 0!important;
  padding:22px 0 0!important;
  border-top:1px solid rgba(255,255,255,.17)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  line-height:1.4!important;
  color:#d8cee5!important;
}
body.nika-cases-index .portfolio-next-bottom > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#d8cee5!important;
  -webkit-text-fill-color:#d8cee5!important;
}
body.nika-cases-index .portfolio-next-bottom-line {
  display:block!important;
  width:27px!important;
  height:2px!important;
  flex:0 0 27px!important;
  border-radius:2px!important;
  background:linear-gradient(110deg,#ff32a1 0%,#a44cff 50%,#0068ff 100%)!important;
}

/* The previously reported Explore the work CTA now paints its OWN fully-filled gradient. */
body.nika-cases-index main > section.portfolio-hero a.portfolio-button-primary {
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:linear-gradient(110deg,#ff32a1 0%,#a44cff 50%,#0068ff 100%)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  border:0!important;
  outline:0;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.nika-cases-index main > section.portfolio-hero a.portfolio-button-primary::before,
body.nika-cases-index main > section.portfolio-hero a.portfolio-button-primary::after{
  content:none!important;
  display:none!important;
}
body.nika-cases-index main > section.portfolio-hero a.portfolio-button-primary > span {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

@media(max-width:1020px){
  body.nika-cases-index .portfolio-next-body {
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
    gap:34px!important;
  }
  body.nika-cases-index main > section.portfolio-next-section .portfolio-next-heading h2 {
    font-size:clamp(40px,4.8vw,54px)!important;
  }
  body.nika-cases-index main > section.portfolio-next-section > .wrap.portfolio-next-panel {
    padding:clamp(30px,5vw,47px)!important;
  }
}
@media(max-width:780px){
  body.nika-cases-index main > section.portfolio-next-section {
    padding:65px 0 74px!important;
  }
  body.nika-cases-index .portfolio-next-top {margin-bottom:45px!important;}
  body.nika-cases-index .portfolio-next-body {
    grid-template-columns:minmax(0,1fr)!important;
    gap:26px!important;
    align-items:start!important;
  }
  body.nika-cases-index main > section.portfolio-next-section .portfolio-next-heading h2 {
    font-size:clamp(43px,6.5vw,57px)!important;
    max-width:16ch!important;
  }
  body.nika-cases-index .portfolio-next-action > p {
    max-width:55ch!important;
    margin-bottom:20px!important;
  }
  body.nika-cases-index .portfolio-next-bottom {margin-top:45px!important;}
}
@media(max-width:520px){
  body.nika-cases-index main > section.portfolio-next-section {
    padding:44px 0 64px!important;
  }
  body.nika-cases-index main > section.portfolio-next-section > .wrap.portfolio-next-panel {
    width:calc(100% - 24px)!important;
    padding:28px 24px 26px!important;
    border-radius:27px!important;
  }
  body.nika-cases-index .portfolio-next-top {
    margin-bottom:38px!important;
    gap:8px!important;
  }
  body.nika-cases-index .portfolio-next-overline {
    font-size:9px!important;
    letter-spacing:.1em!important;
    padding:8px 10px!important;
  }
  body.nika-cases-index .portfolio-next-top-right {
    display:none!important;
  }
  body.nika-cases-index main > section.portfolio-next-section .portfolio-next-heading h2 {
    max-width:15ch!important;
    font-size:clamp(37px,10vw,49px)!important;
  }
  body.nika-cases-index .portfolio-next-body {gap:23px!important;}
  body.nika-cases-index .portfolio-next-action > p {font-size:15px!important;}
  body.nika-cases-index main > section.portfolio-next-section a.portfolio-next-button {
    width:100%!important;
    min-height:59px!important;
    padding:10px 11px 10px 18px!important;
    gap:12px!important;
  }
  body.nika-cases-index .portfolio-next-button > span:first-child {font-size:13px!important;}
  body.nika-cases-index .portfolio-next-button-arrow {
    width:34px!important;height:34px!important;flex-basis:34px!important;
  }
  body.nika-cases-index .portfolio-next-bottom {
    margin-top:37px!important;
    padding-top:20px!important;
  }
  body.nika-cases-index .portfolio-next-bottom > span:last-child {
    display:none!important;
  }
  body.nika-cases-index .portfolio-next-bottom > span:first-child {
    font-size:9px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.nika-cases-index .portfolio-next-button {transition:none!important;}
}