/* Portfolio heroes — match the 1200px editorial grid used on Awkward Yeti.
   Only applied to the seven portfolio routes with a previously edge-to-edge hero. */
body.nika-premium.nika-case-import main > section.case-portfolio-hero {
  display:flex!important;
  align-items:center!important;
  grid-template-columns:none!important;
  gap:0!important;
  padding-inline:0!important;
  overflow:hidden!important;
}
body.nika-premium.nika-case-import main > section.case-portfolio-hero > .case-portfolio-grid {
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
  align-items:center!important;
  column-gap:clamp(34px,4.5vw,66px)!important;
  row-gap:40px!important;
  width:min(1200px,calc(100% - clamp(40px,5.5vw,96px)))!important;
  max-width:1200px!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding:0!important;
}
body.nika-premium.nika-case-import .case-portfolio-grid > * {
  min-width:0!important;
  max-width:100%;
}
body.nika-premium.nika-case-import .case-portfolio-grid .hero-copy {
  width:100%;
}
body.nika-premium.nika-case-import .case-portfolio-grid .hero-copy h1 {
  max-width:100%!important;
  font-size:clamp(49px,4.5vw,72px)!important;
  line-height:1.055!important;
  letter-spacing:-.055em!important;
}
body.nika-premium.nika-case-import .case-portfolio-grid .hero-copy :is(.hero-text,.hero-lede,.hero-description) {
  max-width:57ch;
  font-size:clamp(16px,1.3vw,19px)!important;
  line-height:1.6!important;
}
body.nika-premium.nika-case-import .case-portfolio-grid .hero-actions {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:13px 23px!important;
  align-items:center!important;
}
/* Continue the same centered editorial grid below the fold.
   Keep section backgrounds full bleed; constrain their actual content instead. */
body.nika-premium.nika-case-import main > .case-portfolio-hero ~ section:not(.nika-related-work):not(.projects):not(.cases) {
  padding-inline:max(20px,calc((100% - 1200px) / 2))!important;
}
body.nika-premium.nika-case-import main > .case-portfolio-hero ~ section.projects > .project,
body.nika-premium.nika-case-import main > .case-portfolio-hero ~ section.cases > .case {
  padding-inline:max(20px,calc((100% - 1200px) / 2))!important;
}
@media(max-width:1080px) {
  body.nika-premium.nika-case-import main > section.case-portfolio-hero > .case-portfolio-grid {
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:40px!important;
    max-width:760px!important;
  }
  body.nika-premium.nika-case-import .case-portfolio-grid > :not(.hero-copy) {
    width:100%;
    justify-self:center;
  }
  body.nika-premium.nika-case-import .case-portfolio-grid .hero-copy h1 {
    max-width:15ch!important;
  }
}
@media(max-width:680px) {
  body.nika-premium.nika-case-import main > section.case-portfolio-hero {
    min-height:0!important;
    padding-block:62px 72px!important;
  }
  body.nika-premium.nika-case-import main > section.case-portfolio-hero > .case-portfolio-grid {
    width:calc(100% - 40px)!important;
    row-gap:24px!important;
  }
  body.nika-premium.nika-case-import .case-portfolio-grid .hero-copy h1 {
    max-width:100%!important;
    font-size:clamp(39px,10.4vw,51px)!important;
    line-height:1.075!important;
  }
  body.nika-premium.nika-case-import .case-portfolio-grid .hero-actions {
    gap:10px!important;
  }
  body.nika-premium.nika-case-import .case-portfolio-grid .hero-actions :is(a.button,a.btn) {
    min-height:48px!important;
  }
}
@media(max-width:360px) {
  body.nika-premium.nika-case-import .case-portfolio-grid .hero-copy h1 {
    font-size:37px!important;
  }
}