/* AgencyNika / Cases directory — portfolio-first redesign.
   Only the /cases/ index receives this file; individual case routes unchanged.
   Hero → proof → category filter → featured & standard case cards → conversion. */

/* Container/typography reset scoped to this page. */
body.nika-cases-index {
  --pf-ink: #19152b;
  --pf-text: #474359;
  --pf-muted: #665d78;
  --pf-purple: #542b9b;
  --pf-border: #e3e0ec;
  --pf-gradient: linear-gradient(110deg,#ff32a1 0%,#a44cff 50%,#0068ff 100%);
  overflow-x:clip!important;
  background:#fff!important;
}
body.nika-cases-index :is(.portfolio-hero,.portfolio-work-section,.portfolio-closing) {
  padding-inline:0!important;
  color:var(--pf-ink)!important;
}
body.nika-cases-index :is(.portfolio-hero,.portfolio-work-section,.portfolio-closing) > .wrap {
  width:min(1280px,calc(100% - clamp(40px,7vw,120px)))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:0!important;
}
body.nika-cases-index main :is(h1,h2,h3) {
  text-transform:none!important;
  text-wrap:balance;
}
body.nika-cases-index a:focus-visible,body.nika-cases-index button:focus-visible {
  outline:3px solid #542b9b!important;
  outline-offset:4px!important;
}

/* Hero: make the otherwise empty right side an evidence-led panel. */
body.nika-cases-index main > section.portfolio-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:clamp(72px,7.8vw,116px) clamp(78px,8.5vw,126px)!important;
  background:
    radial-gradient(ellipse at 91% 15%,rgba(164,76,255,.115),transparent 42%),
    radial-gradient(ellipse at 7% 84%,rgba(255,50,161,.075),transparent 44%),
    #fff!important;
  border-bottom:1px solid #efedf5!important;
}
body.nika-cases-index .portfolio-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);
  align-items:center;
  gap:clamp(52px,6.5vw,112px);
}
body.nika-cases-index .portfolio-hero-copy {min-width:0}
body.nika-cases-index .portfolio-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  line-height:1.3!important;
  color:#57368c!important;
  -webkit-text-fill-color:#57368c!important;
}
body.nika-cases-index .portfolio-eyebrow-dot {
  width:8px;height:8px;flex:0 0 8px;
  border-radius:50%;
  background:var(--pf-gradient);
  box-shadow:0 0 0 5px rgba(164,76,255,.09);
}
body.nika-cases-index .portfolio-hero-copy h1 {
  margin:25px 0 21px!important;
  max-width:12ch!important;
  font-size:clamp(48px,5.4vw,82px)!important;
  letter-spacing:-.068em!important;
  line-height:1.02!important;
  font-weight:850!important;
  color:#19152b!important;
  -webkit-text-fill-color:#19152b!important;
}
body.nika-cases-index .portfolio-hero-copy h1 span {
  display:block!important;
  background:var(--pf-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  font-style:normal;
}
body.nika-cases-index .portfolio-hero-lead {
  margin:0 0 30px!important;
  max-width:54ch!important;
  font-size:clamp(16px,1.3vw,19px)!important;
  line-height:1.6!important;
  color:#494658!important;
  -webkit-text-fill-color:#494658!important;
}
body.nika-cases-index .portfolio-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
body.nika-cases-index .portfolio-button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:17px!important;
  min-height:53px!important;
  padding:14px 23px!important;
  margin:0!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:800!important;
  text-align:center!important;
  line-height:1.3!important;
  text-decoration:none!important;
  white-space:normal!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
body.nika-cases-index .portfolio-button:hover {
  transform:translateY(-2px);
}
body.nika-cases-index .portfolio-button-primary {
  background:var(--pf-gradient)!important;
  border:1.5px solid transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 24px rgba(92,45,166,.16)!important;
}
body.nika-cases-index .portfolio-button-outline {
  background:#fff!important;
  border:1.5px solid #b5aaca!important;
  color:#4a307b!important;
  -webkit-text-fill-color:#4a307b!important;
}
body.nika-cases-index .portfolio-button-outline:hover {
  border-color:#542b9b!important;
  background:#faf7fd!important;
}
body.nika-cases-index .portfolio-button>span {color:inherit!important;-webkit-text-fill-color:inherit!important}
body.nika-cases-index .portfolio-hero-facts {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin:38px 0 0;
  color:#625b70!important;
  font-size:12px;
  font-weight:650;
}
body.nika-cases-index .portfolio-hero-facts span {color:#625b70!important}
body.nika-cases-index .portfolio-hero-facts b {
  color:#302343!important;
  font-weight:850;
}
body.nika-cases-index .portfolio-hero-facts i {
  display:block;
  width:3px;height:3px;
  background:#b4a8c6;
  border-radius:50%;
  flex:0 0 3px;
}

/* Numbers are genuine, linked to their underlying work. */
body.nika-cases-index .portfolio-proof-panel {
  position:relative;
  isolation:isolate;
  min-width:0;
  padding:clamp(28px,3vw,43px);
  border-radius:28px;
  background:#211934;
  color:#fff;
  box-shadow:0 30px 76px rgba(32,17,65,.14);
  overflow:hidden;
}
body.nika-cases-index .portfolio-proof-panel::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:var(--pf-gradient);
}
body.nika-cases-index .portfolio-proof-panel::after {
  content:"";
  position:absolute;
  inset:-130px -160px auto auto;
  width:330px;height:330px;
  background:radial-gradient(circle,rgba(164,76,255,.21),transparent 65%);
  z-index:-1;
  pointer-events:none;
}
body.nika-cases-index .portfolio-proof-panel-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#d7cbe7;
  font-size:10px;
  font-weight:850;
  letter-spacing:.15em;
}
body.nika-cases-index .portfolio-proof-panel-head>span:first-child {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#efe6ff!important;
}
body.nika-cases-index .portfolio-proof-panel-head i {
  width:7px;height:7px;border-radius:50%;
  background:#ed7ed6;box-shadow:0 0 0 5px rgba(237,126,214,.12);
}
body.nika-cases-index .portfolio-proof-panel-head>span:last-child {
  font-size:19px;opacity:.76;
}
body.nika-cases-index .portfolio-proof-panel h2 {
  margin:28px 0 29px!important;
  max-width:15ch!important;
  font-size:clamp(28px,2.6vw,39px)!important;
  letter-spacing:-.046em!important;
  line-height:1.12!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.nika-cases-index .portfolio-proof-panel h2 em {
  background:var(--pf-gradient)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
body.nika-cases-index .portfolio-proof-row {
  display:grid;
  grid-template-columns:minmax(115px,1fr) minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  min-height:112px;
  border-top:1px solid rgba(255,255,255,.18);
  text-decoration:none!important;
  color:#fff!important;
}
body.nika-cases-index .portfolio-proof-row:hover .portfolio-proof-arrow {transform:translate(3px,-3px)}
body.nika-cases-index .portfolio-proof-number {
  font-size:clamp(37px,3.45vw,54px)!important;
  font-weight:850;
  letter-spacing:-.06em;
  line-height:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  white-space:nowrap;
}
body.nika-cases-index .portfolio-proof-explain {
  display:flex;flex-direction:column;gap:7px;
  min-width:0;
}
body.nika-cases-index .portfolio-proof-explain b {
  color:#fff!important;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
}
body.nika-cases-index .portfolio-proof-explain small {
  font-size:12px;
  line-height:1.35;
  color:#d5c8e4!important;
}
body.nika-cases-index .portfolio-proof-arrow {
  font-size:20px;
  color:#fff!important;
  opacity:.8;
  transition:transform .2s ease;
}
body.nika-cases-index .portfolio-proof-footnote {
  margin:21px 0 0;
  font-size:11px;
  line-height:1.6;
  color:#c7bed1;
}

/* Grid introduction and useful categories. */
body.nika-cases-index main > section.portfolio-work-section {
  padding:clamp(76px,8vw,118px) 0 clamp(84px,9vw,138px)!important;
  background:#f8f7fb!important;
}
body.nika-cases-index .portfolio-work-intro {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:22px;
  margin:0 0 34px;
}
body.nika-cases-index .portfolio-work-intro h2 {
  max-width:none!important;
  margin:16px 0 10px!important;
  font-size:clamp(38px,4.4vw,62px)!important;
  line-height:1.06!important;
  letter-spacing:-.05em!important;
  color:#1b162c!important;
  -webkit-text-fill-color:#1b162c!important;
}
body.nika-cases-index .portfolio-work-intro p {
  margin:0!important;
  max-width:55ch;
  font-size:16px;
  line-height:1.55;
  color:#545064!important;
}
body.nika-cases-index .portfolio-work-index {
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  color:#6e637d!important;
  padding-bottom:9px;
}
body.nika-cases-index .portfolio-filter-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:19px 0 23px;
  margin:0 0 26px;
  border-top:1px solid #e4e0ed;
  border-bottom:1px solid #e4e0ed;
}
body.nika-cases-index .portfolio-filters {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
body.nika-cases-index .portfolio-filter {
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:9px 15px;
  border:1px solid #ded8e9;
  border-radius:999px;
  background:#fff;
  color:#473e5f;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:background .17s,color .17s,box-shadow .17s,border-color .17s;
}
body.nika-cases-index .portfolio-filter:hover {
  border-color:#a596c0;
  background:#fff;
}
body.nika-cases-index .portfolio-filter span {
  font-size:11px;
  color:#82748f;
  font-weight:800;
}
body.nika-cases-index .portfolio-filter.is-selected {
  background:#211934;
  border-color:#211934;
  color:#fff;
  box-shadow:0 4px 13px rgba(35,25,59,.12);
}
body.nika-cases-index .portfolio-filter.is-selected span {color:#d7c4ec}
body.nika-cases-index .portfolio-result-count {
  margin:0!important;
  color:#655b72!important;
  font-size:12px!important;
  font-weight:700;
  white-space:nowrap;
}
body.nika-cases-index .portfolio-result-count strong {color:#322342}

/* Cases: 12-column CSS grid for featured (6) / standard (4).
   All cards remain full links; results only presented where the source provides them. */
body.nika-cases-index .portfolio-case-grid {
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:17px!important;
  width:100%;
}
body.nika-cases-index .portfolio-case-card {
  grid-column:span 4;
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  overflow:hidden;
  background:#fff!important;
  border:1px solid #e5e0ec!important;
  border-radius:22px!important;
  text-decoration:none!important;
  color:#1b162c!important;
  box-shadow:0 5px 15px rgba(37,22,68,.035)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.nika-cases-index .portfolio-case-card:hover {
  transform:translateY(-4px);
  box-shadow:0 20px 42px rgba(37,22,68,.1)!important;
  border-color:#bdb0d6!important;
}
body.nika-cases-index .portfolio-case-card[hidden] {display:none!important}
body.nika-cases-index .portfolio-case-grid[data-view="all"] .portfolio-case-featured {grid-column:span 6}
body.nika-cases-index .portfolio-card-art {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  width:100%;
  min-height:122px;
  padding:25px 29px;
  overflow:hidden;
  isolation:isolate;
  background:#f2edf9;
  color:#3d2570;
}
body.nika-cases-index .portfolio-card-art::before {
  content:"";
  display:block;
  position:absolute;
  width:200px;height:200px;
  border:1px solid rgba(84,43,155,.085);
  border-radius:50%;
  right:-100px;top:-110px;
  z-index:-1;
  box-shadow:0 0 0 31px rgba(164,76,255,.04),0 0 0 60px rgba(164,76,255,.02);
}
body.nika-cases-index .portfolio-card-art--wordmark .portfolio-art-dots {
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:17px;
}
body.nika-cases-index .portfolio-art-dots i {display:block;width:4px;height:4px;border-radius:100%;background:#7c58a6;opacity:.7}
body.nika-cases-index .portfolio-card-art--wordmark strong {
  position:relative;
  z-index:1;
  display:block;
  max-width:100%;
  font-size:clamp(16px,1.8vw,24px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.04em;
  color:#312052!important;
  -webkit-text-fill-color:#312052!important;
  overflow-wrap:anywhere;
}
body.nika-cases-index .portfolio-card-art--wordmark small {
  display:block;
  margin-top:9px;
  font-size:9px;
  font-weight:850;
  letter-spacing:.15em;
  color:#5f4b7e!important;
}
body.nika-cases-index .portfolio-case-card[data-category="performance"] .portfolio-card-art--wordmark {background:#f7eefb}
body.nika-cases-index .portfolio-case-card[data-category="lifecycle"] .portfolio-card-art--wordmark {background:#f0eefe}
body.nika-cases-index .portfolio-case-card[data-category="creative"] .portfolio-card-art--wordmark {background:#fff0f5}
body.nika-cases-index .portfolio-case-card[data-category="b2b"] .portfolio-card-art--wordmark {background:#edf4ff}
body.nika-cases-index .portfolio-case-card[data-category="systems"] .portfolio-card-art--wordmark {background:#f2edfa}
body.nika-cases-index .portfolio-card-art--metric {
  min-height:192px;
  background:var(--pf-gradient)!important;
  color:#fff!important;
  justify-content:flex-end;
  padding:27px 35px 31px;
}
body.nika-cases-index .portfolio-case-featured:nth-child(2) .portfolio-card-art--metric {
  background:#211934!important;
}
body.nika-cases-index .portfolio-card-art--metric::before {
  border-color:rgba(255,255,255,.17);
  box-shadow:0 0 0 33px rgba(255,255,255,.035),0 0 0 66px rgba(255,255,255,.02);
  width:290px;height:290px;top:-147px;right:-110px;
}
body.nika-cases-index .portfolio-art-top {
  position:absolute;
  top:24px;left:34px;right:34px;
  display:flex;justify-content:space-between;gap:14px;
  color:#fff!important;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
body.nika-cases-index .portfolio-art-top>span:last-child {font-size:20px;font-weight:400}
body.nika-cases-index .portfolio-feature-number {
  font-size:clamp(58px,5vw,78px);
  font-weight:850;
  line-height:1;
  letter-spacing:-.07em;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.nika-cases-index .portfolio-feature-label {
  margin-top:9px;
  color:#fff!important;
  font-size:14px;
  font-weight:800;
}
body.nika-cases-index .portfolio-case-content {
  display:flex;
  flex-direction:column;
  flex:1;
  align-items:stretch;
  min-width:0;
  gap:0;
  padding:clamp(24px,2.3vw,32px);
}
body.nika-cases-index .portfolio-case-meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:17px;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  color:#5d3594!important;
}
body.nika-cases-index .portfolio-case-meta>span:first-child {color:#5d3594!important}
body.nika-cases-index .portfolio-case-number {
  color:#a39aad!important;
  font-size:10px;
}
body.nika-cases-index .portfolio-case-content h3 {
  margin:0 0 13px!important;
  max-width:none!important;
  font-size:clamp(24px,2.05vw,31px)!important;
  line-height:1.14!important;
  letter-spacing:-.035em!important;
  color:#1b162c!important;
  -webkit-text-fill-color:#1b162c!important;
}
body.nika-cases-index .portfolio-case-content p {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  margin:0 0 24px!important;
  max-width:58ch!important;
  font-size:14px!important;
  line-height:1.58!important;
  letter-spacing:0!important;
  color:#504b60!important;
  -webkit-text-fill-color:#504b60!important;
}
body.nika-cases-index .portfolio-case-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid #eeeaf4;
  font-size:13px;
  font-weight:800;
  color:#4d3182!important;
}
body.nika-cases-index .portfolio-case-bottom>span:first-child {color:#4d3182!important}
body.nika-cases-index .portfolio-case-arrow {
  display:grid;
  place-items:center;
  width:34px;height:34px;
  flex:0 0 34px;
  border-radius:50%;
  background:#f2ecfa;
  color:#542b9b!important;
  font-size:16px;
  font-weight:500;
  transition:transform .2s ease,background .2s ease;
}
body.nika-cases-index .portfolio-case-card:hover .portfolio-case-arrow {
  transform:translate(2px,-2px);
  background:#e9def8;
}
body.nika-cases-index .portfolio-empty {
  padding:24px 0;
  color:#5a506b!important;
  font-size:16px;
}
body.nika-cases-index .portfolio-empty[hidden] {display:none!important}

/* Conversion close: simple, directional and not another giant card wall. */
body.nika-cases-index main > section.portfolio-closing {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(73px,8vw,116px) 0!important;
  background:#241933!important;
  color:#fff!important;
}
body.nika-cases-index .portfolio-closing::before {
  content:"";
  position:absolute;
  inset:-45% -15% auto auto;
  width:620px;height:600px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(164,76,255,.29),transparent 65%);
  z-index:-1;
}
body.nika-cases-index .portfolio-closing::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:4px;
  background:var(--pf-gradient);
}
body.nika-cases-index .portfolio-closing-grid {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);
  gap:clamp(38px,8vw,115px);
  align-items:end;
}
body.nika-cases-index .portfolio-closing-eyebrow {
  display:block;
  margin-bottom:20px;
  color:#ddbee9!important;
  font-size:11px;
  font-weight:850;
  letter-spacing:.16em;
}
body.nika-cases-index .portfolio-closing h2 {
  margin:0!important;
  max-width:15ch!important;
  font-size:clamp(39px,4.3vw,66px)!important;
  line-height:1.05!important;
  letter-spacing:-.056em!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.nika-cases-index .portfolio-closing h2 em {
  background:var(--pf-gradient)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
body.nika-cases-index .portfolio-closing-action {
  padding:0 0 6px;
  min-width:0;
}
body.nika-cases-index .portfolio-closing-action p {
  margin:0 0 24px!important;
  max-width:38ch;
  color:#e8dff0!important;
  -webkit-text-fill-color:#e8dff0!important;
  font-size:17px!important;
  line-height:1.6!important;
}
body.nika-cases-index .portfolio-button-white {
  color:#342053!important;
  -webkit-text-fill-color:#342053!important;
  background:#fff!important;
  border:1px solid #fff!important;
}
body.nika-cases-index .portfolio-button-white>span {color:#342053!important;-webkit-text-fill-color:#342053!important}
body.nika-cases-index .portfolio-button-white:hover {background:#f1eefa!important}

/* Replace sprawling text-link footer with clear columns ONLY on this route. */
body.nika-cases-index footer.portfolio-footer {
  padding:67px 0 29px!important;
  background:#f5f2fa!important;
  border-top:0!important;
}
body.nika-cases-index footer.portfolio-footer .footer-row.portfolio-footer-row {
  width:min(1280px,calc(100% - clamp(40px,7vw,120px)))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(150px,.7fr))!important;
  gap:40px!important;
  padding:0!important;
  margin:auto!important;
  max-width:none!important;
}
body.nika-cases-index .portfolio-footer-brand {display:flex;flex-direction:column;align-items:flex-start}
body.nika-cases-index .portfolio-footer-brand .logo {text-decoration:none}
body.nika-cases-index .portfolio-footer-brand .nika-logo {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:22px;
  background:none!important;
}
body.nika-cases-index .portfolio-footer-brand .nika-logo :is(b,i) {
  background:var(--pf-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
body.nika-cases-index .portfolio-footer-brand .nika-logo b {font-size:30px;letter-spacing:-.08em}
body.nika-cases-index .portfolio-footer-brand .nika-logo i {font-size:12px;font-style:normal;font-weight:900;letter-spacing:.14em}
body.nika-cases-index .portfolio-footer-brand p {
  max-width:28ch;
  margin:0!important;
  font-size:15px!important;
  line-height:1.65!important;
  color:#5c5469!important;
}
body.nika-cases-index .portfolio-footer-column {
  display:flex;flex-direction:column;align-items:flex-start;gap:13px;
}
body.nika-cases-index .portfolio-footer-column h3 {
  margin:2px 0 5px;
  font-size:11px!important;
  font-weight:850;
  letter-spacing:.14em;
  color:#5b3985!important;
  -webkit-text-fill-color:#5b3985!important;
}
body.nika-cases-index .portfolio-footer-column a {
  font-size:14px!important;
  font-weight:700!important;
  text-decoration:none!important;
  color:#302740!important;
}
body.nika-cases-index .portfolio-footer-column a:hover {
  color:#5b3296!important;text-decoration:underline!important;text-underline-offset:4px!important;
}
body.nika-cases-index .portfolio-footer-bottom {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  grid-column:1/-1;
  margin-top:15px;
  padding:22px 0 0;
  border-top:1px solid #dcd5e9;
}
body.nika-cases-index .portfolio-footer-bottom>span {font-size:12px;color:#665e74!important}
body.nika-cases-index .portfolio-footer-bottom-links {display:flex;flex-wrap:wrap;align-items:center;gap:20px}
body.nika-cases-index .portfolio-footer-bottom-links :is(a,button) {
  margin:0;
  padding:0;
  border:0;
  background:none;
  text-decoration:none;
  font:700 12px/1.5 inherit;
  color:#4c4162!important;
  cursor:pointer;
}
body.nika-cases-index .portfolio-footer-bottom-links :is(a,button):hover {
  color:#542b9b!important;text-decoration:underline!important;
}

/* Intentional tablet/mobile adaptations. */
@media(max-width:1100px) {
  body.nika-cases-index .portfolio-hero-grid {grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:36px}
  body.nika-cases-index .portfolio-proof-panel {padding:26px}
  body.nika-cases-index .portfolio-hero-copy h1 {font-size:clamp(48px,5.5vw,72px)!important}
  body.nika-cases-index .portfolio-filter-bar {align-items:flex-start;flex-direction:column;gap:12px}
  body.nika-cases-index .portfolio-case-grid {gap:14px!important}
  body.nika-cases-index .portfolio-case-card {grid-column:span 6}
  body.nika-cases-index .portfolio-case-grid[data-view="all"] .portfolio-case-featured {grid-column:span 6}
}
@media(max-width:800px) {
  body.nika-cases-index .portfolio-hero-grid {grid-template-columns:minmax(0,1fr);gap:42px}
  body.nika-cases-index main > section.portfolio-hero {padding-block:70px 76px!important}
  body.nika-cases-index .portfolio-hero-copy h1 {max-width:13ch!important}
  body.nika-cases-index .portfolio-proof-panel {max-width:100%}
  body.nika-cases-index .portfolio-closing-grid {grid-template-columns:minmax(0,1fr);gap:32px}
  body.nika-cases-index .portfolio-closing h2 {max-width:18ch!important}
  body.nika-cases-index .portfolio-footer .footer-row.portfolio-footer-row {grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important}
  body.nika-cases-index .portfolio-footer-brand {grid-column:1/-1}
}
@media(max-width:620px) {
  body.nika-cases-index :is(.portfolio-hero,.portfolio-work-section,.portfolio-closing) > .wrap,
  body.nika-cases-index footer.portfolio-footer .footer-row.portfolio-footer-row {
    width:calc(100% - 32px)!important;
  }
  body.nika-cases-index main > section.portfolio-hero {padding-block:58px 60px!important}
  body.nika-cases-index .portfolio-hero-copy h1 {
    margin:21px 0 17px!important;
    max-width:none!important;
    font-size:clamp(45px,11.4vw,62px)!important;
  }
  body.nika-cases-index .portfolio-hero-lead {font-size:16px!important;margin-bottom:24px!important}
  body.nika-cases-index .portfolio-hero-actions {gap:10px}
  body.nika-cases-index .portfolio-hero-actions>.portfolio-button {min-height:50px!important;padding:12px 17px!important}
  body.nika-cases-index .portfolio-hero-facts {margin-top:26px;gap:9px;font-size:11px}
  body.nika-cases-index .portfolio-proof-panel {border-radius:22px;padding:25px 23px}
  body.nika-cases-index .portfolio-proof-panel h2 {font-size:30px!important;margin:25px 0 15px!important}
  body.nika-cases-index .portfolio-proof-row {grid-template-columns:minmax(96px,.9fr) minmax(0,1.1fr) 15px;min-height:94px}
  body.nika-cases-index .portfolio-proof-number {font-size:clamp(34px,10vw,47px)!important}
  body.nika-cases-index .portfolio-proof-explain b {font-size:12px}
  body.nika-cases-index .portfolio-proof-explain small {font-size:11px}
  body.nika-cases-index main > section.portfolio-work-section {padding:65px 0 85px!important}
  body.nika-cases-index .portfolio-work-intro {margin-bottom:22px}
  body.nika-cases-index .portfolio-work-intro h2 {font-size:39px!important}
  body.nika-cases-index .portfolio-work-intro p {font-size:15px!important}
  body.nika-cases-index .portfolio-work-index {display:none}
  body.nika-cases-index .portfolio-filter-bar {margin:0 0 20px;padding:16px 0 18px}
  body.nika-cases-index .portfolio-filters {
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    max-width:100%;
    width:100%;
    padding-bottom:5px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.nika-cases-index .portfolio-filters::-webkit-scrollbar{display:none}
  body.nika-cases-index .portfolio-filter {flex-shrink:0;min-height:43px}
  body.nika-cases-index .portfolio-case-grid {
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.nika-cases-index .portfolio-case-card,
  body.nika-cases-index .portfolio-case-grid[data-view="all"] .portfolio-case-featured {
    grid-column:1/-1;
  }
  body.nika-cases-index .portfolio-card-art {min-height:108px;padding:21px 23px}
  body.nika-cases-index .portfolio-card-art--metric {min-height:170px}
  body.nika-cases-index .portfolio-case-content {padding:24px}
  body.nika-cases-index .portfolio-case-content h3 {font-size:26px!important}
  body.nika-cases-index .portfolio-closing h2 {font-size:clamp(38px,10vw,53px)!important}
  body.nika-cases-index .portfolio-closing-action p {font-size:16px!important}
  body.nika-cases-index .portfolio-closing .portfolio-button {width:100%!important}
  body.nika-cases-index .portfolio-footer .footer-row.portfolio-footer-row {gap:28px 18px!important}
  body.nika-cases-index .portfolio-footer-column a {font-size:13px!important}
  body.nika-cases-index .portfolio-footer-bottom {gap:12px}
}
@media(max-width:360px) {
  body.nika-cases-index .portfolio-hero-actions > .portfolio-button {width:100%}
  body.nika-cases-index .portfolio-proof-row {grid-template-columns:minmax(98px,.9fr) minmax(0,1.1fr)}
  body.nika-cases-index .portfolio-proof-arrow {display:none}
}
@media(prefers-reduced-motion:reduce) {
  body.nika-cases-index :is(.portfolio-case-card,.portfolio-button,.portfolio-case-arrow,.portfolio-proof-arrow) {transition:none!important}
}

/* Contrast-audit correction: card index numbers are functional orientation text. */
body.nika-cases-index .portfolio-case-meta .portfolio-case-number {
  color:#625872!important;
  -webkit-text-fill-color:#625872!important;
}
/* Footer utility controls use a predictable, inherited font. */
body.nika-cases-index .portfolio-footer-bottom-links :is(a,button) {
  font-family:inherit!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:700!important;
}