/* NIH Baby Toolbox uses the established OQS case-study layout and shared site chrome. */
.case-page main .case-eyebrow{color:#ff7034}
.case-page .case-hero{min-height:640px;background:radial-gradient(circle at 78% 50%,#28160f 0%,#08090b 60%)}
.case-page .case-hero__image{inset:auto 0 auto auto;top:50%;width:min(69%,1040px);height:auto;max-width:none!important;transform:translateY(-50%);object-fit:contain}
.case-page .case-hero::before{background:linear-gradient(90deg,#08090b 0%,rgba(8,9,11,.98) 20%,rgba(8,9,11,.86) 40%,rgba(8,9,11,.15) 70%,transparent 100%)}
.case-page .case-hero h1{font-size:clamp(54px,5.8vw,88px)}
.case-page .case-hero__summary{max-width:475px}
.case-page .case-overview__photo img{height:auto;aspect-ratio:757/374;object-fit:cover}
.case-page .case-gallery__item img{height:auto;aspect-ratio:1;object-fit:cover;object-position:center}
.case-page .case-gallery__item{flex-basis:max(205px,calc((100% - 70px)/6))}
.case-page .case-gallery__item span{font-size:11px}
.case-page .case-next{background:linear-gradient(90deg,#0b0b0d 0%,rgba(11,11,13,.98) 35%,rgba(11,11,13,.87) 63%,rgba(11,11,13,.63) 100%),url('assets/closing-tablet.jpg') center right/cover no-repeat}
.case-page .case-next__disclaimer{margin:10px 0 0;color:#b5b5ba;font-size:11px;line-height:1.5}
@media(max-width:1120px){
  .case-page .case-gallery__item{flex-basis:29%}
  .case-page .case-hero__image{width:78%}
}
@media(max-width:768px){
  .case-page .case-hero{min-height:650px}
  .case-page .case-hero__image{top:0;right:0;width:100%;transform:none}
  .case-page .case-hero::before{background:linear-gradient(0deg,#08090b 0%,rgba(8,9,11,.97) 22%,rgba(8,9,11,.22) 73%,rgba(8,9,11,.12) 100%)}
  .case-page .case-gallery__item{flex-basis:38%}
}
@media(max-width:540px){
  .case-page .case-hero{min-height:0;padding:260px 0 70px}
  .case-page .case-hero__image{top:64px;right:0;width:100%;height:auto;transform:none}
  .case-page .case-hero::before{background:linear-gradient(0deg,#08090b 0%,#08090b 48%,rgba(8,9,11,.55) 72%,rgba(8,9,11,.08) 100%)}
  .case-page .case-hero h1{font-size:clamp(43px,11vw,65px)}
  .case-page .case-gallery__item{flex-basis:77%}
  .case-page .case-overview__photo img{aspect-ratio:757/374}
  .case-page .case-next{background-image:linear-gradient(rgba(8,9,11,.91),rgba(8,9,11,.91)),url('assets/closing-tablet.jpg')}
}
