.noc-ccim-case-study-detail .ccim-case-study-detail{--noc-accent: #955f32;color: #26231f;background: #f4f1ea;font-family: "Instrument Sans", system-ui, sans-serif;}

.noc-ccim-case-study-detail .ccim-case-study-detail__facts, .noc-ccim-case-study-detail .ccim-case-study-detail__story, .noc-ccim-case-study-detail .ccim-case-study-detail__gallery, .noc-ccim-case-study-detail .ccim-case-study-detail__comparison{box-sizing: border-box;width: min(100%, 1424px);margin: 0 auto;padding-right: 32px;padding-left: 32px;}

.noc-ccim-case-study-detail .ccim-case-study-detail__facts-list{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));margin: -1px 0 0;border: 1px solid #e4ded2;border-radius: 0 0 2px 2px;background: #ffffff;}

.noc-ccim-case-study-detail .ccim-case-study-detail__fact{padding: 20px 24px;border-right: 1px solid #e4ded2;}

.noc-ccim-case-study-detail .ccim-case-study-detail__fact:last-child{border-right: 0;}

.noc-ccim-case-study-detail .ccim-case-study-detail__fact dt{margin-bottom: 5px;color: #6e675c;font-size: 12.5px;}

.noc-ccim-case-study-detail .ccim-case-study-detail__fact dd{margin: 0;font-size: 15.5px;font-weight: 600;}

.noc-ccim-case-study-detail .ccim-case-study-detail__story{display: grid;grid-template-columns: minmax(0, 720px) minmax(260px, 320px);gap: 72px;justify-content: space-between;padding-top: 64px;}

.noc-ccim-case-study-detail .ccim-case-study-detail__copy{color: #33302a;font-size: 17.5px;line-height: 1.75;}

.noc-ccim-case-study-detail .ccim-case-study-detail .ccim-case-study-detail__copy h2, .noc-ccim-case-study-detail .ccim-case-study-detail .ccim-case-study-detail__comparison-heading h2{margin: 0 0 0.7em;color: #26231f;font-family: "Newsreader", Georgia, serif;font-size: 30px;font-style: normal;font-weight: 500;letter-spacing: normal;line-height: 1.2;text-decoration: none;text-transform: none;}

.noc-ccim-case-study-detail .ccim-case-study-detail__body > :first-child{margin-top: 0;}

.noc-ccim-case-study-detail .ccim-case-study-detail__body > :last-child{margin-bottom: 0;}

.noc-ccim-case-study-detail .ccim-case-study-detail .ccim-case-study-detail__body h3{color: #26231f;font-family: "Newsreader", Georgia, serif;font-size: 24px;font-style: normal;font-weight: 500;letter-spacing: normal;line-height: 1.3;text-decoration: none;text-transform: none;}

.noc-ccim-case-study-detail .ccim-case-study-detail .ccim-case-study-detail__body a{color: #7e5531;font-family: inherit;font-style: normal;letter-spacing: normal;text-decoration: underline;text-transform: none;text-underline-offset: 0.15em;}

.noc-ccim-case-study-detail .ccim-case-study-detail .ccim-case-study-detail__body a:hover{color: #26231f;}

.noc-ccim-case-study-detail .ccim-case-study-detail__materials{align-self: start;padding: 26px 28px;border: 1px solid #e4ded2;border-radius: 2px;background: #ffffff;}

.noc-ccim-case-study-detail .ccim-case-study-detail__materials-heading{margin: 0 0 12px;color: var(--noc-accent);font-size: 13px;font-weight: 600;}

.noc-ccim-case-study-detail .ccim-case-study-detail__materials-list{display: flex;flex-direction: column;gap: 10px;color: #33302a;font-size: 14.5px;}

.noc-ccim-case-study-detail .ccim-case-study-detail__materials-list span{padding-bottom: 10px;border-bottom: 1px solid #efebe1;}

.noc-ccim-case-study-detail .ccim-case-study-detail__materials-list span:last-child{padding-bottom: 0;border-bottom: 0;}

.noc-ccim-case-study-detail .ccim-case-study-detail__gallery{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px;padding-top: 56px;}

.noc-ccim-case-study-detail .ccim-case-study-detail__gallery figure, .noc-ccim-case-study-detail .ccim-case-study-detail__comparison-item{min-width: 0;margin: 0;}

.noc-ccim-case-study-detail .ccim-case-study-detail__gallery img, .noc-ccim-case-study-detail .ccim-case-study-detail__comparison-item img{display: flex;width: 100%;height: 340px;border-radius: 2px;object-fit: cover;}

.noc-ccim-case-study-detail .ccim-case-study-detail__gallery figcaption{margin-top: 8px;color: #6e675c;font-size: 13.5px;line-height: 1.5;}

.noc-ccim-case-study-detail .ccim-case-study-detail__comparison{padding-top: 64px;padding-bottom: 72px;}

.noc-ccim-case-study-detail .ccim-case-study-detail__comparison-heading{display: flex;align-items: baseline;justify-content: space-between;gap: 24px;padding-top: 24px;border-top: 1px solid #26231f;}

.noc-ccim-case-study-detail .ccim-case-study-detail .ccim-case-study-detail__comparison-heading h2, .noc-ccim-case-study-detail .ccim-case-study-detail__comparison-heading p{margin: 0;}

.noc-ccim-case-study-detail .ccim-case-study-detail__comparison-heading p{color: #6e675c;font-size: 13.5px;}

.noc-ccim-case-study-detail .ccim-case-study-detail__comparison-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px;margin-top: 24px;}

.noc-ccim-case-study-detail .ccim-case-study-detail__comparison-item{position: relative;}

.noc-ccim-case-study-detail .ccim-case-study-detail__comparison-item img{height: 360px;}

.noc-ccim-case-study-detail .ccim-case-study-detail__badge{position: absolute;top: 14px;left: 14px;padding: 6px 12px;border-radius: 2px;font-size: 12.5px;font-weight: 600;}

.noc-ccim-case-study-detail .ccim-case-study-detail__badge--before{color: #f4f1ea;background: #26231f;}

.noc-ccim-case-study-detail .ccim-case-study-detail__badge--after{color: #26231f;background: #f4f1ea;}

@media (max-width: 1100px){
  .noc-ccim-case-study-detail .ccim-case-study-detail__facts-list{grid-template-columns: repeat(3, minmax(0, 1fr));}

  .noc-ccim-case-study-detail .ccim-case-study-detail__story{grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);gap: 40px;}
}

@media (max-width: 767px){
  .noc-ccim-case-study-detail .ccim-case-study-detail__story{grid-template-columns: 1fr;}
}

@media (max-width: 600px){
  .noc-ccim-case-study-detail .ccim-case-study-detail__facts, .noc-ccim-case-study-detail .ccim-case-study-detail__story, .noc-ccim-case-study-detail .ccim-case-study-detail__gallery, .noc-ccim-case-study-detail .ccim-case-study-detail__comparison{padding-right: 24px;padding-left: 24px;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__facts-list, .noc-ccim-case-study-detail .ccim-case-study-detail__story, .noc-ccim-case-study-detail .ccim-case-study-detail__gallery, .noc-ccim-case-study-detail .ccim-case-study-detail__comparison-grid{grid-template-columns: 1fr;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__fact{border-right: 0;border-bottom: 1px solid #e4ded2;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__fact:last-child{border-bottom: 0;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__story{gap: 28px;padding-top: 56px;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__copy{font-size: 16px;line-height: 1.7;}

  .noc-ccim-case-study-detail .ccim-case-study-detail .ccim-case-study-detail__copy h2, .noc-ccim-case-study-detail .ccim-case-study-detail .ccim-case-study-detail__comparison-heading h2{font-size: 26px;}

  .noc-ccim-case-study-detail .ccim-case-study-detail .ccim-case-study-detail__body h3{font-size: 21px;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__gallery{padding-top: 48px;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__gallery img, .noc-ccim-case-study-detail .ccim-case-study-detail__comparison-item img{height: 240px;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__comparison{padding-top: 56px;padding-bottom: 56px;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__comparison-heading{display: block;}

  .noc-ccim-case-study-detail .ccim-case-study-detail__comparison-heading p{margin-top: 8px;}
}